小贝子编程

Ng-messages不能与ng-repeat一起工作



我不能让ng-messages与ng-repeat一起工作。

<form name="testForm">
   <input type="text" name="text" ng-model="text" required />
   <div ng-messages="testForm.text.$error">
      <div ng-repeat="Error in errors" ng-message="Error.type">{{ Error.message }} </div>
   </div>
</form>

这里有一个例子:http://codepen.io/jakej/pen/dXvRdp第一种形式是使用ng-repeat。

我已经尝试了ng-message和ng-message-exp，但他们都没有工作。为什么ng-repeat违反ng-message指令?

提前感谢!

首先，您的Json数组出现错误。

之后，您需要添加具有ng-repeat <div>的ng-message属性子属性的span

并在ng-message属性中添加{{ }}

效果很好

JS 

 $scope.errors = [{
   type: "required",
   message: "Field is required"
 }];


<div ng-repeat="Error in errors">
    <span ng-message="{{Error.type}}">{{Error.message}}</span>
</div>

您不需要添加子元素，只有缺少{{}}才是重要的

<div ng-repeat="Error in errors" ng-message="{{Error.type}}">                                                                      
    {{Error.message}}
</div>

与其同时使用ng-repeat和ng-message，不如这样做:

<form name="testForm">
   <input type="text" name="text" ng-model="text" required />
<div ng-repeat="item in items">
<div ng-messages="testForm.text.$error">
      <div ng-message="Error.type">{{ Error.message }} </div>
   </div>
</div>
</form>

尝试在数组范围内出错:

$scope.errors = [{
   type: "required",
   message: "Field is required"
}]

相关内容

最新更新


热门标签：

javascript python java c# php android html jquery c++ css ios sql mysql arrays asp.net json python-3.x ruby-on-rails .net sql-server django objective-c excel regex ruby linux ajax iphone xml vba spring asp.net-mvc database wordpress string postgresql wpf windows xcode bash git oracle list vb.net multithreading eclipse algorithm macos powershell visual-studio image forms numpy scala function api selenium