Angular6:如何在没有管道的情况下迭代键和值

Angular6:如何在没有管道的情况下迭代键和值,angular6,Angular6,如何在angular 6中有这样的东西 <div *ngFor="let item of data | keyvalue"> Key: <b>{{item.key}}</b> and Value: <b>{{item.value}}</b> </div> 键:{item.Key}}和值:{{item.Value} 您可以通过以下方式完成 test.component.ts classs TestComponent

如何在angular 6中有这样的东西

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

键:{item.Key}}和值:{{item.Value}

您可以通过以下方式完成

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>

键:{Key}}和值:{{data[Key]}

请发布键值结构