Картина Angularjs "Неожиданный следующий персонаж"

Question

Вот ошибка, которую я получаю относительно следующего ввода: Error: [$parse:lexerr] Lexer Error: Unexpected next character at columns 0-0 [^] in expression [^$|^[0-9]{4}\-[0-9]{2}\-[0-9]{3}$].

<input
  type='text'
  name="precision"
  ng-model="$ctrl.list[$index][$ctrl.idFieldName]"
  ng-required
  ng-blur="$ctrl.validateInput($ctrl.list[$index][$ctrl.idFieldName], $index)"
  ng-pattern="^$|^[0-9]{4}\-[0-9]{2}\-[0-9]{3}$" />

Answer 1

Шаблон должен быть записан как регулярное выражение

ng-pattern="/^$|^[0-9]{4}\-[0-9]{2}\-[0-9]{3}$/"

<input
 type='text'
 name="precision"
 ng-model="$ctrl.list[$index][$ctrl.idFieldName]"
 ng-required
 ng-blur="$ctrl.validateInput($ctrl.list[$index][$ctrl.idFieldName], $index)"
 ng-pattern="/^$|^[0-9]{4}\-[0-9]{2}\-[0-9]{3}$/" />

Answer 2

Это должен быть нг-шаблон вместо простого шаблона,

<input
  name="precision"
  ng-model="$ctrl.list[$index][$ctrl.idFieldName]"
  ng-required
  ng-blur="$ctrl.validateInput($ctrl.list[$index][$ctrl.idFieldName], $index)"
  ng-pattern="^$|^[0-9]{4}\-[0-9]{2}\-[0-9]{3}$" />