单击 angularjs 时更改跨度 class

Question

美好的一天！我的代码中有一个跨度。 class 包含通过 span 显示的图像。一旦用户点击图像，它的 class 应该改变，当点击另一个 span 时，它应该回到原来的 class

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

在我的控制器上

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

它已经在工作了，但我的问题是加载时没有显示任何内容，只有在我单击它时才会显示。我正在使用 angularjs 顺便说一句

Answer 1

如果您在 ng-click 上有一个开关，那么只需按此更改 ng-class。

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

然后它应该显示你想要加载的 class 并在 ng-click

上显示 mode class

希望对您有所帮助。

Change span class on click angularjs