title: angular keyvalue pipe sort properties / iterate in order
body: <p>When using the Angular <a href="https://angular.io/api/common/KeyValuePipe" rel="noreferrer">keyvalue</a> pipe to iterate over an object's properties as follows:</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;div *ngFor="let item of object | keyvalue"&gt;
    {{item.key}}:{{item.value}}
  &lt;/div&gt;
  </code></pre>
  
  <p>I have experienced an issue where the properties were not iterated in the order expected. And this comment suggests that I am not the only one to experience this issue:</p>
  
  <p><a href="https://stackoverflow.com/questions/45819123/how-to-loop-over-object-properties-with-ngfor-in-angular/51735083?noredirect=1#comment92507958_51735083">How to loop over object properties with ngFor in Angular</a></p>
  
  <p>Can someone advise what determines the order of iteration when using the keyvalue pipe please and how to force a specific iteration order? My ideal order of iteration is the order in which the properties were added.</p>
  
  <p>Thanks</p>