单击angularjs更改跨度类答案

【问题标题】：Change span class on click angularjs单击angularjs更改跨度类
【发布时间】：2016-04-01 14:09:31
【问题描述】：

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

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

在我的控制器上

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

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

【问题讨论】：

【解决方案1】：

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

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

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

希望对你有帮助。

【讨论】：

谢谢它成功了！但是当我点击不同的跨度时呢？班级应该回到原来的状态
您只需在另一个 span 单击时将 $scope.isActive 布尔值切换为 false。 :)
试试这个<span ng-click="anotherSpanClick()" id="differentSpan">Different Span Content</span>$scope.anotherSpanClick = function(){$scope.isActive = false;}
你好@mJunaidSalaat 我可以再次请求你的帮助吗？
我有另一个问题似乎与这个问题相同，但我现在的问题是如何在选择某个单选按钮时更改某个按钮的类？ @mJunaidSalaat