ohayolibs
Version:
Ohayo is a set of essential modules for ohayojp.
35 lines (24 loc) • 652 B
Markdown
order: 1
title: keys
subtitle: Keys
type: Pipe
Transforms Object or Map into an array of key value pairs.
Data:
```typescript
const data = { name: 'cipchk', address: { city: 'shanghai', district: 'changning' } };
```
Use:
```html
<div *ngFor="let item of data | keys">{{item.key}} {{item.value | json}}</div>
```
**Dictionary**
```typescript
const data = { 1: 'Normal', 2: 'Deleted' };
```
If you want to keep the key name `number` numeric:
```
<div *ngFor="let item of data | keys: true">{{item.key}} {{item.value | json}}</div>
```
> Angular `6.1.0` will support natively [KeyValuePipe](https://angular.io/api/common/KeyValuePipe).