title: Angular 9 `*ngFor` not working with `Array` of object
body: <p>In ts file I have a data like this:</p>
  <p><strong>app.component.ts</strong></p>
  <pre class="lang-js prettyprint-override"><code> this.images = [{
       asset_id: 'asset_id',
       asset_name: 'asset_name'
   }];
  </code></pre>
  <p>and html template is as below:</p>
  <p><strong>app.component.html</strong></p>
  <pre class="lang-html prettyprint-override"><code>test {{images}}
  &lt;div *ngFor=&quot;let img of images; index as i&quot;&gt;
    dddd--&lt;span&gt;{{img.asset_id}}&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  <p>The result is like the below:</p>
  <p><a href="https://i.stack.imgur.com/ODsy5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ODsy5.png" alt="enter image description here" /></a></p>
  <p><strong>What is the mistake I am doing here?</strong></p>