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>`

})

exportclassKeyValuePipeComponent {

customerObject: {[key: number]: string} =

   {

1:'Anil Singh',

2:'Aradhaya Singh',

3:'Reena Singh'

   };

 }