angularjs - ngstyle 的多个条件

Question

如果可能的话，我想为 ng 样式添加多个条件

目前我设置宽度和颜色是这样的

[ngStyle]="{
              'width': (question.score.toFixed(1) * 10)+'%', 
              'background-color': question.score.toFixed(1) < 3 ?'red' : '#00c9c7' 
              }"

但是我想得分低于 3 的为红色，高于 7 的为绿色。这种情况下，3 岁以下的颜色为红色，其他颜色为绿松石色。 ng风格可以添加多个条件吗？

Answer 1

我强烈建议在 js 代码中创建一个要调用的函数，而不是内联编写。

但它会是:

question.score.toFixed(1) < 3 ? 'red' : question.score.toFixed(1) > 7 ? 'green' : '#00c9c7'