css - AngularJS - 如何重构 CSS 代码样式

Question

我有一个像这样的 Angular 函数:

$scope.colorValidator = function () {

    $scope.token_style = "";
    $scope.expdate_style = "";

    if (!$scope.$$childHead.billingblock.accountID.$valid) {
        $scope.token_style = {border: "1px solid #ff0000"}
    }

    if (!$scope.$$childHead.billingblock.expDate.$valid) {
        $scope.expdate_style = {border: "1px solid #ff0000"}
    }

};

如何在常量变量(可能像red)中设置{border: "1px solid #ff0000"}，并在每次验证中设置它？

编辑:我正在为每个输入设置ng-style(在 View 中)。

Answer 1

你不需要那样做。

当字段无效时检查你的标记，它们应用了 ng-dirty 和 ng-invalid 类

使用它们来设置控件的样式

.my-special-form .ng-invalid {
    border: 1px solid #ff0000
}