Javascript 所选表格行angular.js

我有一个带有

ng class

指令的表，如下所示：

<tbody>
      <tr style="cursor: pointer" class="clickable-row" ng-repeat="firm in device.firmwares" ng-class="{'success': firm.vulnScore<= 4,'warning' :5<= firm.vulnScore,'danger' : 8<=firm.vulnScore}">
          <td>{{firm.fileName}}</td>
          <td>{{firm.extracted}}</td>
          <td>{{firm.vulnScore}}</td>
          <td>{{firm.date}}</td>
      </tr>
</tbody>

它是有效的…但它所做的唯一一件事就是将文本更改为白色，因为已经有一个颜色类作用于它。。。我需要能够删除的表演类（成功，警告或危险）时被选中，并把它放回当另一个被选中，我会很容易，如果只有一个类…但我不知道如何知道哪一个我在第一位，以及如何把它放回

这就是我所拥有的：（选择第一行）：

我要完成的是：

如果有人能帮忙，我会非常感激的

试试这个

var-app=angular.module（“app”，[]）；
应用程序控制器（“ctrl”，函数（$scope）{
$scope.rowIndex=-1；
$scope.items=[{“name”：“ali”，“score”：2}，{“name”：“reza”，“score”：4}，{“name”：“amir”，“score”：5}，{“name”：“amir”，“score”：7}，{“name”：“cdsa”，“score”：5}，{“name”：“asd”，“score”：10}，{“name”：“jim”，“score”：8}，{“name”：“babababak”，“score”：6}，{“name”：“vfret”，“score”：8}，{“name”：“cdsa”，“score”：“score”：7}，{“name”：“name”：“cdsa”，“score”：“score”：“score”：10}，{“score”：“majid”，“majid”：“score”{；
$scope.selectRow=函数（索引）{
if（index=$scope.rowIndex）
$scope.rowIndex=-1；
其他的
$scope.rowIndex=索引；
}
});
。成功{
背景颜色：绿色；
}
.警告{
背景颜色：黄色；
}
.危险{
背景色：红色；
}
.bg小学{
颜色：白色；
背景颜色：蓝色；
}

{{selectedRow}}
{{item.name}
{{item.score}
是的……基本上我就是这么做的……但是成功、警告和危险类已经由引导程序定义，所有这些类的背景色都已定义，因此当我添加一个新类时，新类不会覆盖旧类，因此基本上我得到的是一个颜色相同但文本为白色的表行；我现在发布一张照片，这样你就可以看到发生了什么！我添加了两张图片，第一张是我到目前为止所做的，第二张是我想完成的！为什么不使用自定义类呢？是的…我想我可以。。。但我不明白这有什么意义。。。在我看来，这将再次发生同样的事情…不是吗？我添加自定义类只是为了它，而且它都是一样的，“background color”属性不会改变！，它被红色、黄色或绿色卡住了，我真的需要帮助！
$('#firm_table').on('click', '.clickable-row', function(event) {
    $(this).addClass('bg-primary').siblings().removeClass('bg-primary');
});