0 views

Handling form control Events in Angular

Step 1: user-settings-form.component.html file

<form #form="ngForm" (ngSubmit)="onSubmit(form)">
    <div class="form-group">
        <label for="name">Name</label>
        <input id="name" name="name" class="form-control" [(ngModel)]="userSettings.name" required #nameField="ngModel" (blur)="onBlur(nameField)" />
    </div>
	<button class="btn btn-primary">Send</button>
</form>

Step 2: user-settings-form.component.ts file

import { NgForm, NgModel } from '@angular/forms';

 onBlur(field: NgModel){
    console.log('in onBlur: ', field.valid)
}

Leave a Reply