Use (eventName) para vincular eventos a DOM, básicamente () se usa para vincular eventos. También use ngModel para obtener un enlace bidireccional para la variable myModel .

Margen

 <input type="text" [(ngModel)]="myModel" (blur)="onBlurMethod()">

Código

 export class AppComponent { myModel: any; constructor(){ this.myModel = '123'; } onBlurMethod(){ alert(this.myModel) } }

Manifestación

Alternativa (no preferible)

 <input type="text" #input (blur)="onBlurMethod($event.target.value)">

Manifestación

Para que el formulario impulsado por el modelo active la validación en el blur , puede pasar el parámetro updateOn .

 ctrl = new FormControl('', { updateOn: 'blur', //default will be change validators: [Validators.required] });

Documentos de diseño

También puede usar el evento (focusout) :

Use (eventName) para vincular eventos a DOM, básicamente () se usa para vincular eventos. También puede usar ngModel para obtener un enlace bidireccional para su model . Con la ayuda de ngModel , puede manipular el valor de la variable del model dentro de su component .

Haz esto en un archivo HTML

 <input type="text" [(ngModel)]="model" (focusout)="someMethodWithFocusOutEvent($event)">

Y en su archivo (componente) .ts

 export class AppComponent { model: any; constructor(){ } /* * This method will get called once we remove the focus from the above input box */ someMethodWithFocusOutEvent() { console.log('Your method called'); // Do something here } }

puede usar directamente el evento (borroso) en la etiqueta de entrada.

 <div> <input [value]="" (blur)="result = $event.target.value" placeholder="Type Something"> {{result}} </div>

y obtendrá una salida en " resultado "