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

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/