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

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/