ngStyle顏色是否為true？

Question

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

關於如何將NgStyle與true false值一起使用的任何想法？

Answer 1

我會嘗試如下：

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

這里的value是表達

如果value = true ，則為白色；如果value = false ，則為紅色。

Answer 2

[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 變量 。