How to call a function after changing ngModel?

Question

Angular

I created something like this input: I would like to track the name change through RxJS along with its wonderful Observer. On the Internet, they mostly suggest using (ngChange). Surely there is no way through the Observer?
<input type="text" [(ngModel)]="name">

Answer 1

Make a reactive form, and you will have Observable
In general, [(ngModel)] is sugar for And ngChange is from angular.js [ngModel]="name" (ngModelChange)="name = $event"

Answer 2

there are at least 2 ways to solve to get our favorite Observable
1 way
Make a reactive form and listen to changes through valueChanges
2 way
HTML TS
<input type="text" [(ngModel)]="name" #myInput>

@ViewChild('myInput') myInput: ElementRef | undefined;

ngAfterViewInit() {
    fromEvent(this.myInput?.nativeElement, 'keyup') // <- тут слушаете событие, которое Вам нравится
      .pipe(
        map((el: any) => el.target.value),
        takeUntil(this.ngUnsubscribe$),
      )
      .subscribe((value: string) => {
        console.log(value);
      });
}