一尘不染

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

angularjs

我正在尝试工作如何使用ngClick添加类。我已经上传了我的代码到plunker
这里点击。查看角度文档,我不知道应该怎么做。以下是我的代码片段。有人可以指引我正确的方向

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

控制者

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

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

        $scope.isVisible = false;
    });

阅读 257

收藏
2020-07-04

共1个答案

一尘不染

您只需要将变量绑定到指令“ 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;

}


<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<body ng-app="ap" ng-controller="con">

  <div ng-class="class">{{class}}</div>

  <button ng-click="changeClass()">Change Class</button>

</body>

这是在jsFiddle上工作的示例

2020-07-04