angular - 从 Angular 2 中的模型获取可观察值

Question

我在 Angular 2 组件中有一个输入

<input [(ngModel)]="title"></input>

如何获取用户更改模型时的可观察值？

Answer 1

您可以这样使用 ngModelChange 事件:

<input [(ngModel)]="title" (ngModelChange)="someMethod($event)"></input>

在示例中，更新模型时将调用 someMethod 方法。 $event 对象将包含新值。

您只能通过控件(ngControl 或 ngFormControl)获取可观察对象:

this.ctrl.valueChanges.subscribe(val => {
  (...)
});

如果你想通过 ngModel 来利用 observable，你需要自己实现它:

titleUpdated$:Subject<string> = new Subject();

someMethod(val) {
  this.titleUpdated$.next(val);
}