Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.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 向所有字段显示消息而不是向特定字段显示消息的角度指令?_Javascript_Angularjs - Fatal编程技术网

Javascript 向所有字段显示消息而不是向特定字段显示消息的角度指令?

Javascript 向所有字段显示消息而不是向特定字段显示消息的角度指令?,javascript,angularjs,Javascript,Angularjs,我是angularjs的新手,我感谢所有能得到的帮助 我有一个角度表单,用户可以在其中创建键值输入字段。我正在应用逻辑来检查pair用户是否已输入。如果他们输入了该信息,则仅显示该特定输入字段的信息。然而,该指令向每个输入字段显示消息 谢谢 HTML: 您正在表单中使用ng repeat,因此存在多个form.value,因此当其中一个出现错误时,将显示所有表单的消息。您确实需要嵌套元素 <div class="row" ng-repeat="v in userRule.values" n

我是angularjs的新手,我感谢所有能得到的帮助

我有一个角度表单,用户可以在其中创建键值输入字段。我正在应用逻辑来检查pair用户是否已输入。如果他们输入了该信息,则仅显示该特定输入字段的信息。然而,该指令向每个输入字段显示消息

谢谢

HTML:

您正在表单中使用ng repeat,因此存在多个form.value,因此当其中一个出现错误时,将显示所有表单的消息。您确实需要嵌套元素

<div class="row" ng-repeat="v in userRule.values" ng-show="userRule.type === 'maplist'" >
  <ng-form name="rowForm">
    ...
    <input name="value"/>
    <div ng-messages="rowForm.value.$error" ng-if=rowForm.value.$touched && rowForm.value.$error">
      ...
    </div>
  </ng-form>
</div>

参考资料:

你也可以分享你的html吗?我已经分享了,谢谢。没问题,我建议你既然是新来的,刚开始工作,现在就可以切换到html。
<div ng-show="userRule.type === 'maplist'">
    <label>Values</label>
    <div class="row" ng-repeat="v in userRule.values" ng-show="userRule.type === 'maplist'" >
        <div class="col-sm-5">
            <div class="form-group">
                <label class="sub-list">Code:*</label> 
                <input name="code" 
                       type="text" 
                       ng-model="v.code" 
                       class="form-control"
                       placeholder="M"
                       no-special-char
                       user-rule-values-check
                       index="{{$index}}"
                       cv="code"
                       list-of-value="userRule.values"
                       required>
                <div class="help-block" ng-messages="form.code.$error"
                     ng-if="form.code.$touched && form.code.$error">
                    <div ng-messages-include="partials/includes/messages.html"></div>
                </div>
            </div>
        </div>
        <div class="col-sm-5">
            <div class="form-group">
                <label class="sub-list">Value:*</label> 
                <input name="value" 
                       type="text" 
                       ng-model="v.value" 
                       class="form-control"
                       placeholder="Medical"
                       no-special-char
                       user-rule-values-check
                       index="{{$index}}"
                       cv="value"
                       list-of-value="userRule.values"
                       required>
                <div class="help-block" ng-messages="form.value.$error"
                     ng-if="form.value.$touched && form.value.$error">
                    <div ng-messages-include="partials/includes/messages.html"></div>
                </div>
            </div>
<div class="row" ng-repeat="v in userRule.values" ng-show="userRule.type === 'maplist'" >
  <ng-form name="rowForm">
    ...
    <input name="value"/>
    <div ng-messages="rowForm.value.$error" ng-if=rowForm.value.$touched && rowForm.value.$error">
      ...
    </div>
  </ng-form>
</div>