Вьющиеся скобки / незаконные символы в Angular [шаблон]

Question

Unexpected token '{'

У меня есть простой RegEx, который я пытаюсь использовать для проверки числового формата, т.е. 1234-1234-12

[0-9]{4}-[0-9]{4}-[0-9]{2}

Когда я пытаюсь добавить это к моим шаблонным формам, это нарушает угловую привязку из-за фигурной скобки.

<input id="accountNumber" name="accountNumber" [(ngModel)]="entryForm.accountNumber"
     type="text" required [pattern]="[0-9]{4}-[0-9]{4}-[0-9]{2}" />

Я могу ссылаться на нее как на переменную в контроллере, ноэтот вид загрязняет контроллер. Чувствует себя грязно, если у вас есть дополнительная переменная, которая используется только один раз.

<input id="accountNumber" name="accountNumber" [(ngModel)]="entryForm.accountNumber"
     type="text" required [pattern]="accountNumberValidationPattern" />

Есть ли способ избежать выражения в шаблоне?

Answer 1

, так как вы использовали квадратные скобки вокруг атрибута узора angular, искали переменную с именем «[0-9] {4} - [0-9] {4} - [0-9] {2}» и нет длястрока

   <input id="accountNumber" name="accountNumber" [(ngModel)]="entryForm.accountNumber"
     type="text" required pattern="[0-9]{4}-[0-9]{4}-[0-9]{2}" />