单击angularjs更改span类

Question

美好的一天！我的代码中有一个范围。该类包含通过span显示的图像。一旦用户点击图像，其类应该更改，当单击另一个跨度时，它应该返回到原始类

 <span alt="Mode1" ng-class="{'mode': isActive}" ng-click="activeButton()"  ></span></span>

在我的控制器上

  $scope.isActive = false;
  $scope.activeButton = function() {
    $scope.isActive = !$scope.isActive;
  }  

它已经可以工作了，但我的问题是在负载上没有任何显示，它只显示我点击它。我使用angularjs btw

Answer 1

如果您在ng-click上进行切换，则只需更改ng-class。

ng-class="{'mode': isActive, 'classThatIsSupposedToBeShownOnInActive': !isActive}" 

然后它应该在加载时显示您想要的课程，并在mode上显示ng-click课程

希望它有所帮助。