title: Angular ngFor using a Map
body: <p>I'm using ionic 3, thus angular and typescript.</p>
  
  <p>What I'm trying to achieve is to use the ngFor with a Map type.</p>
  
  <p>Here is what I have: </p>
  
  <pre><code>interface IShared_Position {
  lat: number;
  lng: number;
  time: number;
  color?: string;
  }
  public shared_position = new Map&lt;string, IShared_Position&gt;();
  </code></pre>
  
  <p>And now from the html side I have:</p>
  
  <pre><code>    &lt;ion-list&gt;
    &lt;ion-item ion-item *ngFor="let item of shared_position"&gt;
      &lt;h2&gt;{{ item.time }}&lt;/h2&gt;
    &lt;/ion-item&gt;
  </code></pre>
  
  <p></p>
  
  <p>Now this gives me the following error: </p>
  
  <blockquote>
    <p>Error: Cannot find a differ supporting object '[object Map]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.</p>
  </blockquote>
  
  <p>Now is there any possibile way I cant bind my map even if it is not iterable?</p>
  
  <p>What should I do? </p>