selected table row angular.js

Ich habe eine Tabelle mit demng-class Direktive wie folgt:

<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>

Grundsätzlich werden die Zeilen abhängig vom vulnScore-Wert eingefärbt. das funktioniert super !, aber ich muss in der Lage sein, die Zeilen auszuwähle

$('#firm_table').on('click', '.clickable-row', function(event) {
    $(this).addClass('bg-primary').siblings().removeClass('bg-primary');
});

und es funktioniert ... aber das einzige, was es tut, ist, den Text weiß zu ändern, weil es bereits eine Farbklasse gibt, die darauf wirkt ... Ich muss in der Lage sein, die wirkende Klasse zu entfernen (Erfolg, Warnung oder Gefahr) wenn ausgewählt und zurückgesetzt wird, wenn ein anderer ausgewählt wird, wäre es einfach, wenn es nur eine klasse gäbe ... aber ich weiß nicht, wie ich wissen soll, welche ich überhaupt hatte und wie ich sie zurücksetzen soll!

Das ist was ich habe: (die erste Zeile ist ausgewählt):

Was ich getan habe

und was ich was zu erledigen habe ist sowas wie:

Was ich eigentlich will

wenn jemand helfen kann, würde ich es wirklich zu schätzen wissen!

Antworten auf die Frage(2)

Ihre Antwort auf die Frage