如何在Angular 2中订阅变量？

Question

我在组件中有一个变量被声明为：

public filter: Filter = {};

在模板中，我将此对象绑定为：

<input [ngModel]="filter.name" value=""/>
<input [ngModel]="filter.secondname" value=""/>

如何监听更改此变量（对象） filter ？

我的意思是这样的：

this.filter.subscribe().then(changes => { // Call method here })

PS：我不想为每个输入元素使用事件ngChange=""

Answer 1

如果您想订阅它，那么您必须使它成为可以订阅的可观察对象。 即

filter: Observable<Filter>;

然后，如果从服务检索数据，而不是订阅服务，只需将其保存到变量即可。 即：

filter = this.someService.getFilter();

或者，如果您没有使用服务来检索Filter数据，则可以使用所需的值创建一个observable： this.filter = Observable.of(myFilter);

然后，您可以在任何需要的地方订阅this.filter ： this.filter.subscribe(data => ...)

Answer 2

您可以使用Javascript getter和setter方法。