在ng-style中添加多个条件

Question

我需要在ng-style中添加多个条件。 我怎么能这样做？

我尝试了以下代码，但它无法正常工作。

ng-style="ifTrue?'opacity:1;' : 'ifTrue? 'opacity: 1;': 'opacity: 0.5;''"

Answer 1

ng-style="ifTrue ? 'opacity:1;' : 'opacity: 0.5;'

ng-style=(condition) ? 'run this if true' : 'run this if false'

为什么不使用这样的东西？

Answer 2

您可以简单地将条件与＆＃34;，＆＃34;分开。 像这样：

ng-style="{ 'background-color': '#ff0', color: 'red' }"

请参阅此示例：http://jsbin.com/fabisepede/edit?html,output

永远记得在＃34;虚线＆＃34;上加上引号单词（＆＃39; background-color＆＃39;）。

对于该值，您还可以使用控制器中定义的变量并有条件地指定样式，但对于我更喜欢​​ng-class。

Answer 3

您可以使用类似

的内容

ng-style="condition && { /*properties*/ } || condition2 && { /*other properties*/ }"

Answer 4

这对我有用

ng-style="IfCondition1 ? checkAnotherCondition && {'color':'red'} : {'color': 'green','font-weight':'bolder'}"

它检查我的第一个条件，如果为true，则检查另一个条件，如果为true，则将其变为红色。如果第一个条件为假，则应用最后一个样式。

Answer 5

如何设置三个条件 例如：

if data is === 1 then red

if data is === 2 then blue

其他粉红色