угловая проверка пароля 6 не работает

Question

Я пытаюсь подтвердить поле ниже.но сообщения об ошибках не появлялись.пожалуйста, проверьте мой код.спасибо

     <div class="form-group">
            <input type="password" minlength="10" required [ngClass]="{'is-invalid':lgform.submitted && password.invalid}" name="password" id="inputPassword" #password="ngModel" class="form-control" placeholder="Password"  [(ngModel)]="model.password">
            <div *ngIf="lgform.submitted && password.invalid" class="invalid-feedback">
             <div *ngIf="password.errors['required']">Password is required</div>  
             <div *ngIf="password.errors['minlength']">minlength 10</div>  
          </div>

        </div>

Answer 1

используйте <form #lgform="ngForm"> в вашем коде.

Демонстрация Stackblitz

component.html

<form #lgform="ngForm">
    <div class="form-group">
        <input type="password" minlength="10" required [ngClass]="{'is-invalid':lgform.submitted && password.invalid}"
            name="password" id="inputPassword" #password="ngModel" class="form-control" placeholder="Password"
            [(ngModel)]="model.password">

        <div *ngIf="lgform.submitted && password.invalid" class="invalid-feedback">
            <div *ngIf="password.errors['required']">Password is required</div>
            <div *ngIf="password.errors['minlength']">minlength 10</div>
        </div>

    </div>
    <button type="submit" class="btn btn-success">Submit</button>
</form>

Answer 2

Взгляните на мою библиотеку Easy Angular.

https://github.com/adriandavidbrand/ezng

И посмотрите демонстрацию StackBlitz о том, как с ней легко проверять форму.

https://stackblitz.com/edit/angular-8brst8?file=src%2Fapp%2Fapp.component.html

Никакой шаблонный код не требуется.

<ez-password minlength="10" required>Password</ez-password>

Это все, что вам нужно.