Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Angular 2 Key Value Pipe
import { Pipe, PipeTransform } from '@angular/core';
* Enables the key/value pair of an item to be
* visible within an ngFor
* Usage:
* value of iteratable | keyValue
* Example:
* <ul>
* <li *ngFor='key of demo | keyValue'>
* Key: {{key.key}}, value: {{key.value}}
* </li>
* </ul>
@Pipe({ name: 'keyValue' })
export class KeyValuePipe implements PipeTransform {
transform(value, args: string[]): any {
let keys = [];
for (let key in value) {
keys.push({ key: key, value: value[key]});
return keys;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.