angular - *ngFor 循环中的解构赋值

Question

尝试使用 *ngFor 在我的标记中循环遍历 JS 字典反对 Object.entries并收到错误消息:

Parser Error: Unexpected token [, expected identifier, keyword, or string at column 5 in [let [key, item] of Object.entries(items)]

模板:

<button *ngFor="let [key, item] of Object.entries(items)" 
        (click)="itemClicked.emit([key, item.value])">
  {{ item.displayName }}
</button>

typescript :

export interface DropDownItem {
  displayName: string,
  value: any,
  checked: boolean
}

@Component({ /* ... */ })
export class MyComponent {
  @Input() items: { [key: string]: DropdownItem };

  @Output() itemClicked = new EventEmitter<[string, any]>();

  Object = Object;

  constructor() { }
}

Answer 1

在我的标记中结束了这个； ts 不变。

<button *ngFor="let key of Object.keys(items)"
        (click)="itemClicked.emit([key, items[key].value])">
  {{ items[key].displayName }}
</button>

仍然希望我可以在我的标记中解构 Object.entries()，但看起来解构目前不是 *ngFor 的选项。

我找到了 this feature request几年前要求在 *ngFor 语法中进行解构，他们说他们会传递这个功能......但我真的希望他们考虑重新开放它。