Javascript 如何使用angularjs动态覆盖CSS？

我有引导选项卡，我想根据从服务器接收到的数据（相应数据集的颜色代码）为活动选项卡分配一些css属性。如何使用angularjs将边框颜色的css值覆盖到活动选项卡

以下是HTML和CSS代码：

<div class="tabbable tabs-left">
 <!--style for the tabs border -->
   <ul id='myTabs' class="nav nav-tabs" ng-style="{'border-right-color':[currentData.colorCode]}">
   <!-- Active tab -->
      <li ng-class="getTabClass(0)" ng-click="setActiveTab(0)" class="active"><a href="#tab0" data-toggle="tab">Set 1</a></li>
      <li ng-class="getTabClass(1)" ng-click="setActiveTab(1)" ><a href="#tab1" data-toggle="tab">Set 2</a></li>
      <li ng-class="getTabClass(0)" ng-click="setActiveTab(2)"><a href="#tab0" data-toggle="tab">Set 3</a></li>
      <li ng-class="getTabClass(1)" ng-click="setActiveTab(3)" ><a href="#tab1" data-toggle="tab">Set 4</a></li>
   </ul>

改变

ng-style="{'border-right-color':[currentData.colorCode]}">

到

---

演示：

上面的代码与选项卡边框配合得非常好。我想为活动选项卡设置边框颜色。你能提供你的控制器函数getTabClass（#）吗？只要在引导CSS之后将CSS加载到页面中，你的CSS就会优先，只要你的规则至少与引导CSS中的规则一样具体。或者您试图添加的CSS是动态的？@SoEzPz，这是我的getTabClass（#）函数：$scope.getTabClass=function（tabNum）{return tabClasses[tabNum]；$scope.style=function（value）{return{“background color”：value}；}@Enzey，我想通过angularjs加载动态CSS属性。这些值将从服务器返回。我希望它能澄清这个问题。只是想澄清一下，您想更改活动li元素的CSS吗？或者ul边框颜色基于哪个li处于活动状态？

ng-style="{'border-right-color':[currentData.colorCode]}">

ng-style="{'border-right-color':'{{currentData.colorCode}}'}">