gpt4 book ai didi

angularjs - ngstyle 的多个条件

转载 作者:行者123 更新时间:2023-12-02 23:37:49 28 4
gpt4 key购买 nike

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

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

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

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

最佳答案

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

但它会是:

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

关于angularjs - ngstyle 的多个条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46980142/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com