title: *ngFor not looping correctly through items
body: <p>I cant seem to figure out whats wrong here..</p>
  
  <p>my *ngFor isnt working</p>
  
  <p>my html</p>
  
  <pre><code>&lt;ul class="list"&gt;
      &lt;li class="list__seperator"&gt;This is some text&lt;/li&gt;
      &lt;li *ngFor="let feed of feeds" (click)="selectItem('.tick-' + feed.id)" class="item-{{feed.id}}"&gt;&lt;img class="list__tick tick-{{feed.id}}" src="../../../assets/img/svg/icon-tick.svg"&gt;{{feed.text}}&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>my component.ts</p>
  
  <pre><code>export class FileComponent implements OnInit {
    feeds: [
       { id: 1, text: 'Example 1' },
       { id: 2, text: 'Example 2' },
       { id: 3, text: 'Example 3' },
       { id: 4, text: 'Example 4' }
    ];
  </code></pre>
  
  <p>I look at the rendered html where the list items should be there is.. <code>&lt;!--bindings={}--&gt;</code></p>
  
  <p>to me this should be working? what am I doing wrong?</p>
  
  <p>any help would be appreciated and let me know if you need more information</p>