ngMessages: как получить доступ к данным об ошибках (например, minlength, имя поля и т. Д.)?

Question

Как может мой ngMessages получить информацию об ошибке формы? Например, имя поля и другие свойства?

Пример:

Я видел много примеров, которые выглядят следующим образом:

<input type="text" ng-model="field" name="myField" minlength="5"> 
<div ng-messages="myForm.myField.$error"> 
    <div ng-message="minlength">The value entered is too short</div> 
</div> 

Это не хорошее сообщение об ошибке, потому что он не говорит пользователю, как долго вход должно быть. Он просто говорит, что он слишком короткий.

Это должно выглядеть примерно так: "Это поле должно быть не менее {{minlength}} символов."

Еще лучше: «{{field}} должно быть не менее {{minlength}} символов."

Чтобы определить другое сообщение для входов с разными значениями minlength, крайне не сухим.

Как это можно сделать с помощью ngMessages?

Answer 1

Вы можете сохранить значение minlength в области видимости и затем привязать его к сообщению проверки.

<input type="text" ng-model="field" name="myField" minlength="::myFieldMinlength"> 
<div ng-messages="myForm.myField.$error"> 
    <div ng-message="minlength">This field must be at least {{::myFieldMinlength}} characters.</div> 
</div> 

Answer 2

Я бы сделал это так же, как предложенный jayChase. Это определенно самый простой способ, и поскольку он предложил использовать единую привязку, не будет плохой производительности wise