Angular verfärben auf Tabellenzeile

Question

Ich habe eine AngularJS Tabelle

<tr ng-repeat="data in blankettInfoData"> 
    <td>{{data.informationstyp}}</td> 
    <td>{{data.rubricering}}</td> 
    <td>{{data.dokumenttyp}}</td> 
    <td><input type="checkbox" ng-model="data.checked"/></td> 
</tr> 

Jetzt möchte ich die Farbe einer Zeile ändern, wenn dies der Fall ist:

1. Wenn ich eine neue Zeile in die Liste aufnehmen (Grüne Farbe). Der Code sollte in etwa so aussehen: "Wenn (data.informationstyp == 'ABC123'), dann ändere die Farbe in grün"
2. Wenn ich das Kontrollkästchen (rote Farbe) ankreuze. Code sollte wie folgt sein: if (Kontrollkästchen aktiviert ist), dann Farbe „zu rot

Bitte helfen Sie mir

Answer 1

Sie Winkel Richtlinie ng-class für diese verwenden können

HTML.

<tr ng-repeat="data in blankettInfoData" ng-class="{'green': data.informationstyp == 'ABC123', 'red': data.checked == true}"> 
    <td>{{data.informationstyp}}</td> 
    <td>{{data.rubricering}}</td> 
    <td>{{data.dokumenttyp}}</td> 
    <td><input type="checkbox" ng-model="data.checked"/></td> 
</tr> 

CSS:

.red{ 
color:red; 
} 
.green{ 
color:green; 
}