Breaking News: Grepper is joining You.com. Read the official announcement!

validation in angular using ngmodel

Add Answer

Worrisome Walrus answered on March 14, 2022 Popularity 9/10 Helpfulness 5/10

answer validation in angular using ngmodel

related ngmodel validation

related ngmodel validation angular 8

validation in angular using ngmodel

Comment

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

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: angular javascript ngmodel using validation

Link to this answer
Share Copy Link

Contributed on Aug 04 2022

Worrisome Walrus

0 Answers Avg Quality 2/10

Closely Related Answers

ngmodel validation

Comment

.ng-valid
.ng-invalid
.ng-pending
.ng-pristine
.ng-dirty
.ng-untouched
.ng-touched
.ng-submitted

Popularity 8/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Jan 13 2023

Mohamed Awde

0 Answers Avg Quality 2/10

ngmodel validation angular 8

Comment

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>

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: angular.io

Tags: angular

Link to this answer
Share Copy Link

Contributed on Mar 14 2022

Bad Butterfly

0 Answers Avg Quality 2/10

validation in angular using ngmodel

Contents

More Related Answers

validation in angular using ngmodel

Closely Related Answers

ngmodel validation

ngmodel validation angular 8

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.