ng-ytl-zorro-antd/src/showcase/nz-demo-grid/nz-demo-grid-flex-order.component.ts

An enterprise-class UI components based on Ant Design and Angular

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'nz-demo-grid-flex-order',
  template: `
    <div nz-row [nzType]="'flex'">
      <div nz-col [nzSpan]="6" [nzOrder]="order" *ngFor="let order of orderList;index as i">
        {{i + 1}} col-order-{{order}}
      </div>
    </div>
  `,
  styles  : []
})
export class NzDemoGridFlexOrderComponent implements OnInit {
  orderList = [ 1, 2, 3, 4 ];

  ngOnInit() {
    setTimeout(_ => {
      this.orderList = [ ...this.orderList.reverse() ];
    }, 10000)
  }
}