angular keyvalue pipe sort properties / iterate in order

Question

When using the Angular keyvalue pipe to iterate over an object\'s properties as follows:

Answer 1

Yes, by default the keyvalue pair sorting data in ascending order.

To keep it unsorted modify as:

keyvalue: 0

Final code:

  {{item.key}}:{{item.value}}

But for angular 7 or above, you need to put an empty function to keep data unsorted.

      {{item.key}}:{{item.value}}
    

In your .ts file just put this empty function.

  unsorted() { }

Hope it's helpful.