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'