angular/packages/examples/common/pipes/ts/keyvalue_pipe.ts
Joey Perrott c4b880a025 refactor: migrate docs, examples, private, service worker and upgrade to prettier formatting (#54163)
Migrate formatting to prettier for docs, examples, private, service worker and upgrade from clang-format

PR Close #54163
2024-01-30 20:08:40 +00:00

28 lines
721 B
TypeScript

/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/
import {Component} from '@angular/core';
// #docregion KeyValuePipe
@Component({
selector: 'keyvalue-pipe',
template: `<span>
<p>Object</p>
<div *ngFor="let item of object | keyvalue">{{ item.key }}:{{ item.value }}</div>
<p>Map</p>
<div *ngFor="let item of map | keyvalue">{{ item.key }}:{{ item.value }}</div>
</span>`,
})
export class KeyValuePipeComponent {
object: {[key: number]: string} = {2: 'foo', 1: 'bar'};
map = new Map([
[2, 'foo'],
[1, 'bar'],
]);
}
// #enddocregion