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)
}