可迭代对象

keys 将对象数组化。

例如:

const data = { name: 'cipchk', address: { city: 'shanghai', district: 'changning' } };

变成可迭代对象:

<div *ngFor="let item of data | keys">{{item.key}} {{item.value | json}}</div>

字典可迭代

const data = { 1: '正常', 2: '删除' };

若希望保持键名为 number 数字型:

<div *ngFor="let item of data | keys: true">{{item.key}} {{item.value | json}}

Angular 6.1.0 以后原生支持 KeyValuePipe,用法有点类似。