JAVASCRIPT

validation in angular using ngmodel

    <div *ngIf="gradeCategory.isEdit; else notMaxEdit">
                        <input
                          type="text"
                          id="{{ j }}"
                          [(ngModel)]="gradeCategory.maxGrade"
                          [value]="gradeCategory.maxGrade"
                          required="true"
                          #maxGrade="ngModel"
                        />
                        <span class="text-danger"
                        *ngIf="(maxGrade.touched ) && maxGrade.errors?.required">
                        Max Grade is required
                    </span>
                        <!-- (change)="calculateMaxGrade()" -->
                        <span *ngIf="gradeCategory.error">This is Required</span>
                      </div>

ngmodel validation angular 8

content_copy
{{ model | json }}
<div class="form-group">
  <label for="name">Name</label>
  <input type="text" class="form-control" id="name"
         required
         [(ngModel)]="model.name" name="name">
</div>

<div class="form-group">
  <label for="alterEgo">Alter Ego</label>
  <input type="text"  class="form-control" id="alterEgo"
         [(ngModel)]="model.alterEgo" name="alterEgo">
</div>

<div class="form-group">
  <label for="power">Hero Power</label>
  <select class="form-control"  id="power"
          required
          [(ngModel)]="model.power" name="power">
    <option *ngFor="let pow of powers" [value]="pow">{{pow}}</option>
  </select>
</div>