Как вызвать функцию после изменения ngModel?

Создал примерно такой инпут:

<input type="text" [(ngModel)]="name">

Хотелось бы отследить изменение name через RxJS вместе с его замечательным Observer. В интернетах в основном предлагают использовать (ngChange). Не уж то не существует способа через Observer?


Ответы (1 шт):

Автор решения: Nikolya Shirshov

1 Вариант (простой):

Можно использовать событие (ngModelChange) и при его вызове производить необходимые действия.

Пример:

<input type="text" [ngModel]="value" (ngModelChange)="change($event)" />


2 вариант (RxJs):

Использовать реактивные формы.

В коде создаем control: control: FormControl = new FormControl()

Подписываемся на изменения: control.valueChanges.subscribe((value) => { код... })

HTML шаблон: <input type="text" [formControl]="control" />

→ Ссылка