<div class="row">
                        <div class="col-md-12">
                            <label for="name">Name</label>
                            <input [(ngModel)]="templatecategory.name" type="text" class="form-control" id="name" name="name" required #newName="ngModel" />
   <div *ngIf="newName.invalid && (newName.dirty || newName.touched)" class="alert alert-danger">
        <div *ngIf="newName.errors.required">
                 Name is required.
         </div>
    </div>
 </div>
</div>

<div class="modal-footer"  mat-dialog-actions>
      <button type="submit" class="btn btn-primary" [disabled]="!newTemplateCategoryForm.form.valid">Save</button>
      <button type="button" class="btn btn-secondary" (click)="onCancel();">Cancel</button>
</div>