ngMessages:如何访问错误详细信息(如minlength,字段名称等)?

时间:2015-12-01 23:15:46

标签: angularjs ng-messages

我的 var title = jQuery('#title').val(); var post_id = jQuery('#post_id').val(); ... success : function(data){ jQuery('h2[data-post_id="' + post_id + '"] .title').html(title); } 如何访问有关表单错误的信息?如字段名称和其他属性?

示例:

我看过许多看似这样的例子:

ngMessages

这不是一个好的错误消息,因为它没有告诉用户输入应该多长时间。它只是告诉他们它太短了。

它应该呈现如下内容:"此字段必须至少为{{minlength}}个字符。"

更好:" {{field}}必须至少为{{minlength}}个字符。"

必须为不同最小长度的输入定义不同的消息非常不干。

如何使用<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> 完成此操作?

2 个答案:

答案 0 :(得分:0)

您可以将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>

答案 1 :(得分:0)

我会像jayChase建议的那样做。这绝对是最简单的方式,因为他建议使用单一绑定不会表现不好