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' }; }
Angular, React, JavaScript, Java, PHP, SQL, C#, Vue, NodeJs, TypeScript and Interview Questions Answers