title: Angular ngFor out of order
body: <p>I have an array of months. for some reason angular for loop does not follow the order of the array.
  <a href="https://stackblitz.com/edit/angular-i25npn?file=src%2Fapp%2Fapp.component.ts" rel="nofollow noreferrer">How can that be fixed</a>?</p>
  
  <pre><code>@Component({
    selector: 'my-app',
    template: `&lt;div *ngFor="let item of collection | keyvalue; index as i"&gt;{{item | json}}&lt;/div&gt;`,
  })
  export class AppComponent  {
    collection : {key : any, value : any}[] = [];
  
    constructor(){
      let i = 0;
      for(let month of moment().locale('en-US').localeData().monthsShort()){
         i++;
        this.collection.push({key : i,value : month});
      }
    }
  </code></pre>
  
  <p><a href="https://stackblitz.com/edit/angular-i25npn?file=src%2Fapp%2Fapp.component.ts" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-i25npn?file=src%2Fapp%2Fapp.component.ts</a></p>