Javascript 基于条件angularjs应用css

我使用ng click和ng show在angularjs中的两个窗口之间切换：

<div ng-init="showTab2 = false">
            <a ng-click="showTab2 = true; showTab1 = false ">#Tab1 </a>
        </div>
 <div ng-init="showTab2 = true">
            <a ng-click="showTab1 = true; showTab2 = false">#Tab2</a>
        </div>

#表1
#表2

然后，随着ng show的出现

您能告诉我如何更改所选标签的颜色吗

---

谢谢

我不确定您的

ng show

是否适合这里，但请使用

ng类

切换css：

<a ng-class = "{'some-class': showTab1}" 
  ng-click="showTab1 = true; showTab2 = false">#Tab1</a>

#表1

我不确定您的

ng show

如何适合这里，但请使用

ng class

切换css：

<a ng-class = "{'some-class': showTab1}" 
  ng-click="showTab1 = true; showTab2 = false">#Tab1</a>

#表1

请检查此处的工作示例：

JS

HTML

---

请检查此处的工作示例：

JS

HTML

---

这可以帮你检查我的答案吗？@User2谢谢你提供的详细答案，它与ng类一起工作，但我不能使用ng开关，因为它创建了另一个$scope。这可以帮你检查我的答案吗？@User2谢谢你提供的详细答案，它与ng类一起工作，但我不能使用ng开关，因为它创建了另一个$scope它在IDE“expression expected”中生成错误它在IDE“expression expected”中生成错误

<div>
    <a ng-click="showTab = 1" ng-class="{'active': showTab == 1}">#Tab1 </a>
</div>
<div>
   <a ng-click="showTab = 2"  ng-class="{'active': showTab == 2}">#Tab2</a>
</div>

<div ng-switch="showTab">
    <span ng-switch-when="1">Tab1</span>
    <span ng-switch-when="2">Tab2</span>
</div>

.active {
   color: red;
 }