angular - Angular2 @Input和生命周期 Hook

我有以下组件:

export class AddressListComponent implements AfterViewInit{
  @Input() districts: District[] = [];

  constructor() { }

  ngAfterViewInit() {
    console.log(this.districts);   } }

因此它以空白数组的形式控制台记录区域，但是我将其作为输入非空数组发送，并且它很好地显示了该html:

<a *ngFor = "let district of districts; let i = index"  class="list-group-item clearfix" >
        WORKS
 </a>

所以我的问题是下一个:在生命周期 Hook 中，何时可以从districts数组中管理日志数据？因为我需要在显示在html上之前对其进行更改

最佳答案

它应该工作正常。我认为您的父组件正在加载districts之后正在填充变量AddressListComponent。在设置变量districts之前，请检查以加载您的子组件，或者使用ngOnChanges而不是ngAfterViewInit(ngOnChangess钩住每个更改，而不仅是组件的初始化)