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):
und was ich was zu erledigen habe ist sowas wie:
wenn jemand helfen kann, würde ich es wirklich zu schätzen wissen!