angular - 如何初始化@Input？

Question

我试着这样做:

  @Input() data: any[] = [];

在 ngOnInit 中，我看到 undefined :

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

因此，当我尝试获取长度时，在下面的代码中出现错误: return this.data.length;
因为它是未定义的。

为什么默认情况下初始化不起作用？

@Input() data: any[] = [];

Answer 1

您需要使用 OnChanges Angular Directive(指令)。

export class AppComponent implements OnChanges {
    ...

    ngOnChanges(changes: SimpleChanges) {
        this.data = changes.data.currentValue;   // fetch the current value
        console.log(this.data);
    }

    ...
}

有关此指令的更多信息可以在 docs 中找到。 .

Respond when Angular (re)sets data-bound input properties. The method receives a SimpleChanges object of current and previous property values.

Called before ngOnInit() and whenever one or more data-bound input properties change.