title: how to display the array inside an array of objects using ngFor Angular 2
body: <p>I need to display the array quality which is located inside an array of objects. I have tried calling it in <code>ngFor</code> using the code below. Is there something wrong with my usage of <code>ngFor</code>?</p>
  
  <pre class="lang-ts prettyprint-override"><code>import { Component} from '@angular/core';
  
  @Component({
      selector: 'my-app',
      template: `&lt;table&gt;
                    &lt;thead&gt;
                      &lt;tr&gt;
                         &lt;th&gt;Name&lt;/th&gt;
                         &lt;th&gt;Quality1&lt;/th&gt;
                         &lt;th&gt;Quality2&lt;/th&gt;
                      &lt;/tr&gt;
                    &lt;/thead&gt;
                    &lt;tbody&gt;
                        &lt;tr *ngFor"let item of people"&gt;
                           &lt;td&gt;{{item.Name}}&lt;/td&gt;
                           &lt;td *ngFor"let item of people.quality"&gt;item.quality1&lt;/td&gt;
                           &lt;td *ngFor"let item of people.quality"&gt;item.quality2/td&gt;
                         &lt;/tr&gt;
                    &lt;/tbody&gt;
                &lt;/table&gt;
     })
  
    export class AppComponent{    
       people: any = [{Name:"John", quality:[{quality1: "nice", quality2: "humble"}]}, {Name:"Dave", quality:[{quality1: "kind", quality2: "caring"}]} ];
    }
  </code></pre>
  
  <p>As of now only the names are appearing in the table but I would also like the quality to appear.</p>