要在AngularJS中进行验证并在ng-repeat中突出显示输入,你可以使用ng-class指令和表单验证属性来实现。以下是一个示例解决方案:
HTML代码:
AngularJS控制器代码:
$scope.items = [
{ value: 'Item 1' },
{ value: 'Item 2' },
{ value: 'Item 3' }
];
$scope.isInvalid = function(item) {
return item.invalid;
};
$scope.validateItem = function(item) {
// 在这里进行验证逻辑,例如检查输入是否为空或其他条件
if (item.value === '') {
item.invalid = true;
} else {
item.invalid = false;
}
};
CSS样式代码:
.highlight {
border-color: red;
}
在上述示例中,ng-repeat指令用于循环遍历items数组,并在每个输入框中绑定item.value。ng-class指令根据isInvalid函数的返回值来添加或删除highlight类,该函数检查item对象的invalid属性。validateItem函数用于在按钮点击时调用,并在其中进行验证逻辑。如果验证失败,将item对象的invalid属性设置为true,以便ng-class指令添加highlight类。
通过这种方式,当输入为空或其他不符合条件时,输入框将突出显示。