title: Destructured Assignments in a *ngFor loop
body: <p>Trying to loop through a JS dictionary in my markup using <code>*ngFor</code> against <code>Object.entries</code> and getting an error message: </p>
  
  <blockquote>
    <p>Parser Error: Unexpected token [, expected identifier, keyword, or string at column 5 in [let [key, item] of Object.entries(items)] </p>
  </blockquote>
  
  <p>template:</p>
  
  <pre><code>&lt;button *ngFor="let [key, item] of Object.entries(items)" 
          (click)="itemClicked.emit([key, item.value])"&gt;
    {{ item.displayName }}
  &lt;/button&gt;
  </code></pre>
  
  <p>typescript:</p>
  
  <pre><code>export interface DropDownItem {
    displayName: string,
    value: any,
    checked: boolean
  }
  
  @Component({ /* ... */ })
  export class MyComponent {
    @Input() items: { [key: string]: DropdownItem };
  
    @Output() itemClicked = new EventEmitter&lt;[string, any]&gt;();
  
    Object = Object;
  
    constructor() { }
  }
  </code></pre>