Javascript angularjs中的Inline If-else {{product.interaction}}

如果

{{product.interaction}}=='CAUTION'

表示Span color是红色的，有什么想法吗？

使用

ng style

和条件（三元）运算符，该运算符检查某些字符串并给出特定的样式。下面是它的外观：

<div class="alcohol">
       <img src="~/img/Interaction/alcohol.png" title="Alcohol" />
       <span>{{product.interaction}}</span>
  </div>

{{product.interaction2}}
{{product.interaction}}

否则表示白色如何添加@Aleksey Soloveyternary运算符具有以下语法：

条件？expression\u if\u true:expression\u if\u false

，false是您的else

<span ng-style="product.interaction=='CAUTION' ? {color:'red'} : ''">
  {{product.interaction}}
</span>

<span ng-style="product.interaction=='CAUTION' ? {color:'red'} : {color:'white'}">
  {{product.interaction}}
</span>