Question

如何在角度js中删除ng-class。

这是我的示例代码

<form name="myform" ng-class="plus">
    //...
    <button ng-click="save()">click</button>
</form>

我试过但不起作用

$scope.add_page = function(){
    $scope.myform.removeClass(plus);//what i try but not work
}

任何建议如何删除类或删除属性？

Answer 1

只需像这样改变

<form name="myform" ng-class="{plus?'plus':''}" ng-init="plus=true">
    //...
    <button ng-click="save()">click</button>
</form>

然后在控制器中

$scope.plus=true;
$scope.add_page = function(){
    $scope.plus=false;//what i try but not work
}

Answer 2

您可以尝试以下方法

<form name="myform" ng-app="myApp" ng-controller="myCtrl">

    <div ng-class="plus">with class </div>
    <button ng-click="clickme()">
    click me to remove class 
    </button>
</form>

的js

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.plus="plus";
$scope.clickme=function(){
$scope.plus="";
}
});

CSS

 .plus{
      background-color:red;
    }

工作demo

注意：你也可以使用其他方法做同样的事情。

1）只需使用class而不是ng-class创建一个类。这里不需要ng-class，然后通过使用id或通过事件

获取特定元素来删除它

2）Angularjs只是javascript之上的佣人，所以你可以使用angularjs中的任何javascript语法（不是一个好习惯）来删除类。

删除ng-class

2 个答案: