使用ng-message-exp指令使用ng-repeat時Angular-Material ngMessage不起作用

Question

我正在嘗試使用角度材質進行工作表單驗證。該表格使用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中斷。

這方面的一個例子codepen： 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