Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.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 repeat中的输入_Javascript_Html_Angularjs - Fatal编程技术网

Javascript 正在验证ng repeat中的输入

Javascript 正在验证ng repeat中的输入,javascript,html,angularjs,Javascript,Html,Angularjs,我有以下代码 + 看起来你打错了引号。你的代码 <input type="text" ng-model='student['Name']" required> 我终于找到了解决办法 控制器的更改 function studentNameChanged() { vm.duplicateNames = false; let studentNamesArray = students.map(item => it

我有以下代码


+

看起来你打错了引号。你的代码

<input type="text" ng-model='student['Name']" required>

我终于找到了解决办法
控制器的更改

    function studentNameChanged() {
        vm.duplicateNames = false;
        let studentNamesArray = students.map(item => item['studentName']);
        vm.duplicateNames = studentNamesArray.some( (item, index) => {
            return (studentNamesArray.indexOf(item) !== index)
        });
    }
HTML文件中的更改

<div>
    <button ng-click="myController.addEmptyStudent()">+</button>
</div>
<div ng-repeat="student in myController.students">
    <input type="text" ng-change="myController.studentNameChanged()" ng-model="student['Name']" required>
    <input type="text" ng-model="student['Address']" required>
</div>
<div>
   <div style="color:red;" ng-show="myController.duplicateNames">
   Attribute Names must be different
   </div>
</div>

+
属性名称必须不同

你能添加你的
myController
代码吗?它可以帮助很多人,请分享你的尝试。。如果使用表单,则应创建验证程序。。在这里查看更多详细信息:myController代码只是在students数组中添加student的空对象。类似于students.push({“Name”:“”,“Address”:“”})当按钮单击时。
<div>
    <button ng-click="myController.addEmptyStudent()">+</button>
</div>
<div ng-repeat="student in myController.students">
    <input type="text" ng-change="myController.studentNameChanged()" ng-model="student['Name']" required>
    <input type="text" ng-model="student['Address']" required>
</div>
<div>
   <div style="color:red;" ng-show="myController.duplicateNames">
   Attribute Names must be different
   </div>
</div>