ngStyle颜色与真假？

Question

<p [ngStyle]="{'color' : 'value == white', '!value == red' }">Hello</p> 

有关如何使用NgStyle和真假值的任何想法？

Answer 1

[ngStyle]指令等待表达。

你可以做这样的事情：

<p [ngStyle]="{ 'color': value }">Hello</p> 
<!-- When the value is === 'red' the color red will be applied to <p> and so on... --> 

或者......

<p [ngStyle]="{ 'color': (value ? 'white' : 'red') }">Hello</p> 

和处理这些value变量地方。

Answer 2

我会尝试像如下：

<p [style.color] = "value ? 'white' : 'red'">Hello</p> 

这里value是表达

如果value = true那么白，如果value = false然后红色。