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则为红色。