javascript - 如何更新 Angularjs 的 @Input 中的服务

Question

我有这样的情况:

<app-component-test [dataSource]="dataSource"></app-component-test>

dataSource 是在组件构造函数中初始化的服务。现在我通过以下方式更改此服务属性:

this.dataSource.list = [1, 2, 3];

但是app-component-test没有任何变化。我需要在组件中包含此服务和更新的列表。

Answer 1

不要通过服务，而是尝试通过它自己的列表。

@Input() list: number[];

<app-component-test [list]="dataSource.list"></app-component-test>

更好的是，如果您的列表来自 Observable，您可以使用 async 管道传递 observable:

@Input() list: number[];

<app-component-test [list]="list$ | async"></app-component-test>