angular_working_with_viewchild_for_forms.ts

@Component({
  selector: 'accessing-template-reference',
  template: `
    <div>
      <input type="text" id="userName" [(ngModel)]="userName" />
    </div>
  `
})
export class HeroListComponent implements OnInit {
  @ViewChild(NgModel) userNameReference: NgModel;
  
  ngAfterViewInit(): void {
    this.userNameReference.valueChanges.subscribe(
      () => { this.executeOtherFunction() }
    )
  }
}

"this.userNameReference,valueChanges.subscribe" > "this.userNameReference.valueChanges.subscribe"