angular - Angular |有条件地显示元素

Question

我试图有条件地显示一个元素。我应用于元素的这段代码应该可以工作：

[style.display]="chatIsToggled ? 'display: block' : 'display: none'"

问题在于，由于“不安全的样式值”，角度样式无法应用样式

WARNING: sanitizing unsafe style value display: none (see http://g.co/ng/security#xss).

一种实现我想要做的事情的等效方法是什么？

Answer 1

不要重复display，只需要传递值本身即可。

[style.display]="chatIsToggled ? 'block' : 'none'"

您也可以使用

*ngIf="chatIsToggled" 

但这确实具有稍微不同的语义，因为如果不满足条件，它甚至不会呈现该元素。例如，这会影响其生命周期方法。