Mit ng-Klasse mit einem Wert von $ scope

Question

Ich habe den folgenden Code:

<td ng-class="severityColor" ng-model="severity">text</td> 

Css wie folgt aussieht:

.critical { 
    color: red; 
} 
.warning { 
    color: orange; 
} 
.info { 
    color: black; 
} 

Severity eine Variable in $ Umfang ist, und wenn ich etwas tun, wie :

<p>{{severity}}</p> 

Es druckt entweder kritisch, Warnung oder Info entsprechend. Dies ändert jedoch nicht die Textfarbe auf dem td-Tag. Fehle ich hier etwas?

Answer 1

ich vollständig zurückgeblieben bin ... Genau so schnell wie ich die Frage gestellt die Antwort klar wurde, ... verändert nur den Code zu sein:

<td ng-class="severity">text</td> 

Answer 2

Sie es Möglichkeiten, einige tun können. Zum Beispiel:

<td ng-class="{{severityColor}}" ng-model="severity">text</td> 

oder

<td class="{{severityColor}}" ng-model="severity">text</td> 

oder sogar mit Array-Notation:

<td ng-class="[severityColor]" ng-model="severity">text</td> 

jedoch ... Sie sollten ursprünglich Versuch auch arbeiten, das bedeutet, dass Sie eine Namens haben könnte Tippfehler (?): severityColor anstelle von severity.