单击事件时 Ng-class 删除 class

Question

我在主页上有一个按钮 link 到另一个页面。单击该按钮后，我想从一个 div.

中删除 class

控制器：

$scope.myClass = ["container","gnc1"];
     $scope.removeClass = function() {
     $scope.myClass.splice(1, 2);
}

我为此使用 ui-router:

<body ui-view="viewA">
    <div ng-class="myClass">
    <div ui-view="viewC">
    <div ui-view="viewB">

        <a ui-sref="B"> </a> //Loads the B.html to where viewB is. ControllerB


        <a ui-sref="C" ng-click="removeClass()"> </a> //Loads the C.html where viewC is. controllerC


  </div>

  </div>

  </div>

</body>

按钮：

<a ng-click="removeClass()"></a>

我在这里错过了什么？我怎样才能删除 "gnc1" class?

编辑-1:

<div ng-class="{container:dogru, gnc1:yanlis}">

indexCtrl:

$scope.dogru = true;
$scope.yanlis = true;

按钮属于controllerC 所以在controllerC:

$scope.removeClass = function($scope) {
        $scope.dogru = true;
        $scope.yanlis = false;
    }

但这也没有用。我错过了什么？

Answer 1

我建议你像这样使用 ng-class

<div ng-class="{container:isConditionTruthy, gnc1:!isConditionTruthy}">

...ng-click="isConditionTruthy = !isConditionTruthy"...

如果你 post fiddle 和你的代码我可以给你看。

Answer 2

只需弹出元素，因为您要删除的项目位于数组末尾。

myClass = ["container","gnc1"];

removeLast = function() {
     myClass.pop();
}
removeLast();
console.log(myClass);

单击事件时 Ng-class 删除 class

Ng-class removing class when click event

javascript

angularjs

angular-ui-router

ng-class