angularjs - 如何根据对象的值设置跨度的类？

Question

这是我的代码：

<span class="msg" data-ng-show="question.message == 'Correct'" style="color: green;">Correct</span>
<span class="msg" data-ng-show="question.message == 'Incorrect'" style="color: red;">Incorrect</span>
<span class="msg" data-ng-show="question.message == 'Answers Shown'">Answers Shown</span>

有没有办法可以将类设置为“红色”或“绿色”或什么都没有，这样我就可以将这三行合并为一条？

Answer 1

看看ng-class 你可以使用它们像 ng-show 中的任何表达式来计算类名

Answer 2

或许：

<style>
 .Correct{
  color: green; 
 }
 .Incorrect{
  color: red; 
 }
</style>

<span class="msg {{question.message}}" >{{question.message}}</span>

示例：http: //jsfiddle.net/cherniv/fYFJp/