使用ng-click在angularJs中添加和删除类

我正在尝试如何使用ngClick添加类.我已将我的代码上传到plunker上点击此处.看一下角度文档,我无法弄清楚它应该完成的确切方式.下面是我的代码片段.有人能引导我朝着正确的方向前进

调节器

var app = angular.module("MyApp", []);
app.controller("subNavController", function ($scope){

        $scope.toggle = function (){
            $scope.isVisible = ! $scope.isVisible;
        };

        $scope.isVisible = false;
    });

cutedevil086.. 144

我想在我的代码中动态添加或删除 " active"类ng-click,这就是我所做的.

   
Users
   
Items

-1表示ng-init.根据AngularJS文档 - "ngInit的唯一合适用途是用于别名ngRepeat的特殊属性,如下面的演示所示.除了这种情况,您应该使用控制器而不是ngInit来初始化范围上的值 (13认同)

我只是避免使用控制器部分“ here”，因为这只是为了展示如何执行此操作的基本功能... (2认同)

小智.. 109

您只需将变量绑定到指令"ng-class"并从控制器更改它.以下是如何执行此操作的示例:

var app = angular.module("ap",[]);

app.controller("con",function($scope){
  $scope.class = "red";
  $scope.changeClass = function(){
    if ($scope.class === "red")
      $scope.class = "blue";
    else
      $scope.class = "red";
  };
});

.red{
  color:red;
}

.blue{
  color:blue;
}

  
{{class}}
  Change Class