Angular6：如何在不使用Pipe的情况下迭代键和值

Question

如何在角度6中拥有这样的东西

<div *ngFor="let item of data | keyvalue">
    Key: <b>{{item.key}}</b> and Value: <b>{{item.value}}</b>
</div>

Answer 1

您可以按照以下方式进行操作

test.component.ts

classs TestComponent {
 ...
 public objectKeys = Object.keys
}

test.component.html

  <div *ngFor="let key of objectKeys(data)">
    Key: <b>{{key}}</b> and Value: <b>{{data[key]}}</b>
  </div>