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>