title: Iterate over object in Angular
body: <p>I am trying to do some things in Angular 2 Alpha 28, and am having an issue with dictionaries and <code>ngFor</code>.</p>
  <p>I have an interface in TypeScript looking like this:</p>
  <pre class="lang-ts prettyprint-override"><code>interface Dictionary {
      [index: string]: string
  }
  </code></pre>
  <p>In JavaScript this will translate to an object that with data might look like this:</p>
  <pre class="lang-js prettyprint-override"><code>myDict={'key1':'value1','key2':'value2'}
  </code></pre>
  <p>I want to iterate over this and tried this:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div *ngFor=&quot;(#key, #value) of myDict&quot;&gt;{{key}}:{{value}}&lt;/div&gt;
  </code></pre>
  <p>But to no avail, none of the below worked either:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div *ngFor=&quot;#value of myDict&quot;&gt;{{value}}&lt;/div&gt;
  &lt;div *ngFor=&quot;#value of myDict #key=index&quot;&gt;{{key}}:{{value}}&lt;/div&gt;
  </code></pre>
  <p>In all cases I get errors like <code>Unexpected token</code> or <code>Cannot find 'iterableDiff' pipe supporting object</code></p>
  <p>What am I missing here? Is this not possible anymore? (The first syntax works in Angular 1.x) or is the syntax different for iterating over an object?</p>