角度|条件付きで要素を表示する

-1

要素を条件付きで表示しようとしています。私は要素に適用されるこのコードは動作するはずです：角度|条件付きで要素を表示する

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

問題は、角があるためaquivalent方法だろうどのような「危険なスタイル値」

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

のスタイルを適用しないことです私がしたいことを達成するために？

プロパティの名前は 'style.display'です。したがって、値に 'display'を繰り返す必要はありません。 '[style.display] =" chatIsToggled？ 'block'： 'none' "'。しかし、どうして* ngIfを使用しないのですか？ –

displayを繰り返さないでください。値自体を渡すだけです。

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

また、単に

*ngIf="chatIsToggled"

を使用することができますが、条件が満たされない場合、それは偶数番目の要素をレンダリングしないので、それがわずかに異なる意味を持っています。これは、例えば、ライフサイクルメソッドが呼び出される時点に影響を与えます。

2017-11-10 21:28:41

おっと、そうです。今すぐご利用ください！ –

そして、あなたが言ったように、私はngIfを使用しようとしていないので、ユーザがチャットウィンドウをトグルするたびに私のサーバに新しい呼び出しをもたらすでしょう。 –

それがバックエンド呼び出しを引き起こした場合は、間違いなく避けることができます。 :-)あなたの問題を解決した場合は、回答を受け入れたものとしてマークしてください。 –

答えて