angular - 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某处变量。