Skip to main content

Posts

Showing posts with the label KeyValuePipe

What Is KeyValuePipe in Angular 7?

KeyValuePipe -  Chang you object into an array of key value pairs that output array will be ordered by keys. By default it will be by Unicode point value. Stayed In formed - Angular7 Interview Questions Syntax: {{ your_input_expression | keyvalue [: compareFn ] }} Example: @ Component ({ selector: 'key-value-pipe' , template: `<div> <p>your custom Object</p> <div *ngFor="let cust of customerObject | keyvalue">       {{cust.key}}:{{cust.value}} </div> </div>` }) export class KeyValuePipeComponent { customerObject : {[ key : number ]: string } =    { 1 : 'Anil Singh' , 2 : 'Aradhaya Singh' , 3 : 'Reena Singh'    };   }