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

Question

我正在尝试研究如何使用 ngClick 添加类。我已经将我的代码上传到 plunker Click here .查看 Angular 文档，我无法弄清楚应该完成的确切方式。下面是我的代码片段。有人可以指导我正确的方向吗

 <div ng-show="isVisible" ng-class="{'selected': $index==selectedIndex}" class="block"></div>

Controller

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

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

        $scope.isVisible = false;
    });

Answer 1

我想在 ng-click 上动态地添加或删除“active”类，这是我所做的。

<ul ng-init="selectedTab = 'users'">
   <li ng-class="{'active':selectedTab === 'users'}" ng-click="selectedTab = 'users'"><a href="#users" >Users</a></li>
   <li ng-class="{'active':selectedTab === 'items'}" ng-click="selectedTab = 'items'"><a href="#items" >Items</a></li>
</ul>