title: Angular2: ngFor iterating through object array
body: <p>For example with this JSON: </p>
  
  <pre><code>{
    "TableRows": [
      {
        "Name": "Lord of the Rnis",
        "Length": "2:40"
      }
    ],
    "Category": "Fantasy"
  }
  </code></pre>
  
  <p>Into these classes:</p>
  
  <pre><code>export interface IMovies{
      Category: string;
      TableRows: ITableRows[];
  }
  
  export interface ITableRows{
      Name: string;
      Length: string;
  }
  </code></pre>
  
  <p>The following ngFor logic works great, but it's not what I want to loop: </p>
  
  <pre><code>&lt;tr *ngFor="let row of rows"&gt;
      &lt;td&gt;{{row.Category}}&lt;/td&gt;
      &lt;td&gt;{{row.TableRows[0].Name}}&lt;/td&gt;
      &lt;td&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>This logic does NOT work: </p>
  
  <pre><code>&lt;tr *ngFor="let row of rows.TableRows"&gt;
       &lt;td&gt;{{row.Name}}&lt;/td&gt;
       &lt;td&gt;{{row.Length}}&lt;td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>What am I doing wrong here? </p>