javascript - 将 ng-repeat 与 ng-message-exp 指令一起使用时，Angular-Material ngMessage 不起作用

Question

我正在尝试使用 Angular Material 进行工作表单验证。此表单使用 ng-messages 从 Controller 中的 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

Answer 1

只要你添加了对 ngMessages 模块的依赖，它就会工作:

var app = angular.module('MyApp', ['ngMaterial', 'ngMessages']);

此外，ng-messages 元素不能很好地作为 md-input-container 的子元素(覆盖输入)，因此您可能希望制作 ng-messages {display: block;}.

演示: http://codepen.io/anon/pen/QyVVPW