Display required error message

Author: gopinav

template-driven-forms/src/app/app.component.html

@@ -6,6 +6,7 @@ <h2>Bootcamp Enrollment Form</h2>
     <div class="form-group">
       <label>Name</label>
       <input type="text" #name="ngModel" required class="form-control" [class.is-invalid]="name.invalid && name.touched" name="name" [(ngModel)]="userModel.name">
+      <div class="invalid-feedback" [class.d-none]="name.valid || name.untouched">Name is required</div>
     </div>
 
     <div class="form-group">