ngclass表单验证以添加新类

时间:2015-12-04 13:19:20

标签: angularjs

是否可以检查ng-class是否myform。$ valid然后添加一个类?

我试过,所以如果表单有效,它会添加类" orange"。不确定ng-class是否可以这样做,或者我只是做错了。

<input data-ng-disabled="vm.registerPassword != vm.registerConfirmPassword ? vm.registerPassword : disabled; registerForm.$invalid" disabled="disabled"
                            type="submit" id="submitForm" data-ng-click="vm.registerForm()" value="Register" class="btn-main orange maxw-200" ng-class="myform.$valid: 'orange'">

这里是密码条件:

data-ng-disabled="vm.registerForm.Password !== vm.registerForm.ConfirmPassword ? vm.registerForm.Password : disabled || registerForm.$invalid"

2 个答案:

答案 0 :(得分:1)

是的,可能。见doc

  

对于地图,其值为真值的属性的名称将作为css类添加到元素中。

ng-class="{'orange' : myform.$valid}"

答案 1 :(得分:0)

或者,您可以使用某个功能,例如

ng-class="isValid(myform)"

并在您的脚本中......

    $scope.isValid = function (frm){          
        if(frm.$valid == true) 
             return 'Orange'
        else 
             return '';
    }