title: Angular - How to display data from an array of an array?
body: <p>How would I display data from an array of arrays within Angular using <code>*ngFor</code>?</p>
  
  <p><strong>app.component.ts</strong></p>
  
  <pre><code>list = {
      "one": [
        {
          "name": "a",
          "active": false
        },
        {
          "name": "b",
          "active": false
        }
      ],
      "two": [
        {
          "name": "c",
          "active": false
        },
        {
          "name": "d",
          "active": false
        }
      ]
    };
  </code></pre>
  
  <p><strong>app.component.html</strong></p>
  
  <pre><code>&lt;div *ngFor="let item of list"&gt;
    &lt;div *ngFor="let data of item"&gt;
      {{data.name}}
    &lt;/div&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>The nesting of <code>*ngFor</code>s doesn't appear to work in this case, but I cannot figure out why.</p>
  
  <p><strong><a href="https://stackblitz.com/edit/array-of-arrays" rel="nofollow noreferrer">stackblitz</a></strong></p>