在AngularJS中,可以使用ng-class指令动态地将has-error类应用到输入字段。以下是一个示例代码:
HTML代码:
AngularJS控制器代码:
app.controller('MainCtrl', function($scope) {
$scope.showError = false;
$scope.validate = function() {
// 在这里添加输入字段的验证逻辑
if (!$scope.username) {
$scope.showError = true;
} else {
$scope.showError = false;
}
};
});
上述代码中,ng-class指令被应用于输入字段,并且它的值是一个对象字面量。当showError变量为true时,ng-class会将has-error类应用到输入字段,否则移除该类。
在控制器中,我们定义了一个validate函数,用于验证输入字段。如果输入字段为空,我们将showError变量设置为true,从而动态地应用has-error类。
当用户点击验证按钮时,validate函数会被调用,根据验证逻辑的结果,ng-class会动态地添加或移除has-error类。