ng-model en Angular moderno

ng-model tiene dos sucesores: formularios reactivos (FormControl) para formularios reales, y [(ngModel)] de FormsModule para binding bidireccional simple.

<input type="text" ng-model="vm.name">
<p>Hello {{ vm.name }}</p>

// component
name = new FormControl('', { nonNullable: true });

<!-- template -->
<input type="text" [formControl]="name" />
<p>Hello {{ name.value }}</p>

Qué cambia

• Los formularios reactivos dejan el estado en el componente, tipado y testeable.
• [(ngModel)] es el reemplazo más directo y, desde Angular 17.2, también acepta un signal.
• ng-model-options (debounce, updateOn) equivale a la opción updateOn o a operadores RxJS sobre valueChanges.

Relacionado

• ng-class / ng-style
• $scope
• $watch
• ng-if / ng-show / ng-hide