title: Angular / Typescript display list from object in ngFor
body: <p>I am using angular 7 and I am displaying some data.</p>
  
  <p>Here are the parts:</p>
  
  <pre><code>myData: any;
  </code></pre>
  
  <p>The content of myData is:</p>
  
  <pre><code>{
      "id" : "1",
      "name" : "Name 1",
      "stuff" : [ 
          {
              "cmd" : "something here"
          }, 
          {
              "cmd" : "something else here"
          }
      ]
  }
  </code></pre>
  
  <p>Then is my app.component.html I have:</p>
  
  <pre><code>&lt;ul class="code-editor-options-menu" *ngFor="let dat of myData"&gt;
    &lt;li&gt;
      &lt;span&gt;{{dat.name}}&lt;/span&gt;
      &lt;span aria-hidden="true"&gt;{{dat.stuff.cmd}}&lt;/span&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>With this: <code>{{dat.stuff.cmd}}</code> I'm trying to list all of the items inside stuff.</p>
  
  <p>How can I do that?</p>