ngstyle的多个条件

Question

我想尽可能为ng style添加多个条件

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

[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'