Javascript ng消息不使用ng repeat
我无法获取Javascript ng消息不使用ng repeat,javascript,angularjs,Javascript,Angularjs,我无法获取ng消息以使用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.mes
ng消息
以使用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>
{{Error.message}}
以下是一个例子:
第一种形式是使用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>
我尝试了ng message
和ng message exp
两种方法,但都不起作用。
为什么ng repeat
中断ng消息
指令
提前谢谢 不要同时使用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>
{{Error.message}}
尝试在数组的作用域中出错:
$scope.errors = [{
type: "required",
message: "Field is required"
}]
首先,Json数组中有一个错误 之后,您需要添加一个带有ng repeat的ng message属性子级的span
并在ng消息属性中添加{{
}
效果很好
JS
$scope.errors = [{
type: "required",
message: "Field is required"
}];
HTML
<div ng-repeat="Error in errors">
<span ng-message="{{Error.type}}">{{Error.message}}</span>
</div>