[nz-steps] Data assigned asynchronously cannot be rendered

[giscafer]

Data assigned asynchronously cannot be rendered，[nzCurrent]="1" nzProgressDot did not work.

demo:
https://stackblitz.com/edit/angular-ekt6kx

@Component({
  selector: 'nz-demo-steps-progress-dot',
  template: `
    <nz-steps [nzCurrent]="1" nzProgressDot>
      <nz-step nzTitle="{{item.title}}" nzDescription="{{item.description}}" *ngFor="let item of steps"></nz-step>
    </nz-steps>
  `
})
export class NzDemoStepsProgressDotComponent implements OnInit {
  steps = [];
  ngOnInit(): void {
    setTimeout(() => {
      this.steps = [
        {
          title: 'Finished1',
          description: 'description1'
        },
        {
          title: 'Finished2',
          description: 'description2'
        },
        {
          title: 'Finished3',
          description: 'description3'
        }
      ];
      
    }, 1000);
    /*  this.steps = [
        {
          title: 'Finished1',
          description: 'description1'
        },
        {
          title: 'Finished2',
          description: 'description2'
        },
        {
          title: 'Finished3',
          description: 'description3'
        }
      ]; */

  }

}

Version

Latest

Environment

Chrome

[zomixi]

You can do hack by modifying these properties，Hah.

like this:
https://angular-ekt6kx-rdiu5n.stackblitz.io