我试图使用角度材料进行工作表单验证。此表单使用ng-messages从控制器中的json发送错误消息。我的观点如下:
<md-input-container flex>
<label>email2</label>
<input name="email2" ng-model="email2" required ng-minlength="5" type="text" value="{{ email2 }}" />
<ng-messages for="form3.email2.$error">
<div ng-repeat="m in errors">
<div ng-message-exp="m.expression">{{m.description}}</div>
</div>
</ng-messages>
</md-input-container>
代码在没有ng-repeat指令的情况下工作,但无法看到ng-repeat中断的原因。
这个代码的例子: http://codepen.io/anon/pen/VeGBRm
答案 0 :(得分:3)
只要在ngMessages模块上添加所需的依赖项,它就会起作用:
var app = angular.module('MyApp', ['ngMaterial', 'ngMessages']);
此外,ng-messages
元素作为md-input-container
的子项(叠加输入)效果不佳,因此您可能想要ng-messages {display: block;}
。