Угловая проверка не работает для атрибута шаблона

Question

Я пытаюсь проверить проверку на этом элементе управления, но когда я опускаю цифры до 9 и возвращаюсь к 10, проверка все равно invalid.

<input type="tel" #phone="ngModel" required pattern="^\d{10}$" class="form-control" [class.is-invalid]="phone.invalid && phone.touched" name="phone" [(ngModel)]="userModel.phone">

Answer 1

Вы должны использовать атрибут шаблона следующим образом: *

<input [name]="fullName" pattern="[a-zA-Z ]*" ngModel>

Дополнительная информация о валидаторе шаблона ::

https://angular.io/api/forms/PatternValidator

https://www.concretepage.com/angular-2/angular-2-4-pattern-validation-example