使用 ng-messages 显示不同表单字段的多条消息
Show multiple messages for different form fields using ng-messages
是否可以在 angular 1.3 中使用 ng-messages 并在顶部显示验证摘要以及不同字段的错误消息?
<div ng-messages="myForm.$error">
<div ng-message="required">Need to show required error for field 1.</div>
<div ng-message="required">Need to show required error for field 2.</div>
</div>
我怎样才能做到这一点?
到目前为止,我看到的所有示例都显示了一个字段的错误消息,而不是表单中所有字段的错误消息。
每个字段是否需要多个 ng-messages 部分?
这个怎么样?
<div ng-messages="myForm.field1.$error">
<div ng-message="required">Need to show required error for field 1</div>
</div>
<div ng-messages="myForm.field2.$error">
<div ng-message="required">Need to show required error for field 2</div>
</div>
<div ng-messages="myForm.field3.$error">
<div ng-message="required">Need to show required error for field 3</div>
</div>
是的,你应该有多个 ng-messages
。请看下面link.
http://plnkr.co/edit/QgNkXKosgcArGZW7WuZO?p=preview
<form name="myForm">
<label>Enter your name:</label>
<br>
<input type="text" name="myName1" ng-model="name1" required />
<br>
<input type="text" name="myName2" ng-model="name2" required />
<div ng-messages="myForm.myName1.$error">
<div ng-message="required">enter name 1</div>
</div>
<div ng-messages="myForm.myName2.$error">
<div ng-message="required">enter name 2</div>
</div>
</form>
我想将整个摘要块设置为一个样式。所以我最终这样做了。
<div class="error-summary" ng-show="myForm.$submitted && myForm.$invalid">
<p ng-show="myForm.field1.$error.required">Field 1 is required.</p>
<p ng-show="myForm.field2.$error.required">Field 2 is required.</p>
</div>
我希望使用 ng-messages 做类似的事情。
是否可以在 angular 1.3 中使用 ng-messages 并在顶部显示验证摘要以及不同字段的错误消息?
<div ng-messages="myForm.$error">
<div ng-message="required">Need to show required error for field 1.</div>
<div ng-message="required">Need to show required error for field 2.</div>
</div>
我怎样才能做到这一点? 到目前为止,我看到的所有示例都显示了一个字段的错误消息,而不是表单中所有字段的错误消息。
每个字段是否需要多个 ng-messages 部分?
这个怎么样?
<div ng-messages="myForm.field1.$error">
<div ng-message="required">Need to show required error for field 1</div>
</div>
<div ng-messages="myForm.field2.$error">
<div ng-message="required">Need to show required error for field 2</div>
</div>
<div ng-messages="myForm.field3.$error">
<div ng-message="required">Need to show required error for field 3</div>
</div>
是的,你应该有多个 ng-messages
。请看下面link.
http://plnkr.co/edit/QgNkXKosgcArGZW7WuZO?p=preview
<form name="myForm">
<label>Enter your name:</label>
<br>
<input type="text" name="myName1" ng-model="name1" required />
<br>
<input type="text" name="myName2" ng-model="name2" required />
<div ng-messages="myForm.myName1.$error">
<div ng-message="required">enter name 1</div>
</div>
<div ng-messages="myForm.myName2.$error">
<div ng-message="required">enter name 2</div>
</div>
</form>
我想将整个摘要块设置为一个样式。所以我最终这样做了。
<div class="error-summary" ng-show="myForm.$submitted && myForm.$invalid">
<p ng-show="myForm.field1.$error.required">Field 1 is required.</p>
<p ng-show="myForm.field2.$error.required">Field 2 is required.</p>
</div>
我希望使用 ng-messages 做类似的事情。