无法从@Input获取对象

Question

我有 system.component.html

<div *ngFor="let tab of tabs | async">
  <app-tab [tab]="tab"></app-tab>
</div>

tab.component.ts

中的代码

export class TabComponent implements OnInit {
  @Input() tab: Tab;

  constructor() {
    console.log(this.tab);
  }  

  ngOnInit() {}
}

使用 tab.component.html

<mat-tab label="{{ tab.name }}"></mat-tab>

我在控制台中有3个 undefined ，在angularMaterial中有0个标签。

Answer 1

将其放在ngOnInit而不是内部构造函数中，输入不会初始化，直到设置了视图。在那之前调用构造函数

constructor() {

}  

ngOnInit() {
 console.log(this.tab);
}