角度：「カプセル化：ViewEncapsulation.Native」を使用する理由

Question

角では、デフォルトモードは encapsulation: ViewEncapsulation.Emulated

です。このモードでは、CSSセレクタを使用してスタイルをカプセル化できます。しかし、 'encapsulation：ViewEncapsulation.Native'では、スタイルカプセル化も実装されていますが、別の手法では、shadow DOMが実装されています。この手法は異なりますが、結果は同じです。

もしそうなら、私はなぜ "ViewEncapsulation.Native"を使うべきですか？このモードで "ViewEncapsulation.Emulated"で取得できないものは何ですか？

Answer 1

"ネイティブ"カプセル化では、新しいシャドウDOM仕様によって提供されるすべての機能を利用できます。

This blog articleは、Angular2の異なるモードの違いを説明しています。

エミュレートされたネイティブモードは、にエミュレートできるすべての機能を取得します。エミュレートすることはできませんどのような

はリアル CSSカプセル化（!importantディレクティブとルールあなたのエミュレートされたコンポーネントに適用することができる）であり、（querySelector()の助けを借りて）選択をスコープ。

ネイティブモードでは、レンダリングは高速になるはずです（ネイティブなので！）。