Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng消息不使用ng repeat_Javascript_Angularjs - Fatal编程技术网

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>