ohayolibs
Version:
Ohayo is a set of essential modules for ohayojp.
35 lines (24 loc) • 677 B
Markdown
order: 1
title: keys
subtitle: 可迭代对象
type: Pipe
`keys` 将对象数组化。
例如：
```typescript
const data = { name: 'cipchk', address: { city: 'shanghai', district: 'changning' } };
```
变成可迭代对象：
```html
<div *ngFor="let item of data | keys">{{item.key}} {{item.value | json}}</div>
```
**字典可迭代**
```typescript
const data = { 1: '正常', 2: '删除' };
```
若希望保持键名为 `number` 数字型：
```
<div *ngFor="let item of data | keys: true">{{item.key}} {{item.value | json}}</div>
```
> Angular `6.1.0` 以后原生支持 [KeyValuePipe](https://angular.io/api/common/KeyValuePipe)，用法有点类似。