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然後紅色。