角度|有条件地显示元素

Question

我试图有条件地显示元素。我应用于该元素的代码应该有效：

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

问题在于角度不适用于风格，因为＆＃34;不安全的风格值＆＃34;

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

实现我想做的事情会有什么方法？

Answer 1

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

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

您也可以使用

*ngIf="chatIsToggled" 

但它的语义略有不同，因为如果不满足条件，它甚至不会渲染元素。例如，这会影响其生命周期方法的调用。