angularjs - Angular Material2 が Emulated または Native ではなく ViewEncapsulation.None を使用するのはなぜですか?

Question

Material2 プロジェクトでは、すべてのコンポーネントが ViewEncapsulation.None を使用します。(例: MdButton )

最近、カプセル化がmd-toolbar のNone に変更されました。

どうしてこんなことに？Angular2 でこのようなフレームワークを作成する最大の利点の 1 つは、CSS をカプセル化できることではないでしょうか。

ポリマー コンポーネントは、この機能を使用しているようです。なぜMaterial2はしないのですか?

Answer 1

と は少し前/deep/に>>>に実装されていたViewEncapsulation.Emulatedので、 と同じようにスタイリングするのは簡単なはずViewEncapsulation.Noneです。

私が考えることができる唯一の理由は、SASS (または使用するプリプロセッサ) がこれらの CSS コンビネータをサポートしていないということです。これは、これらの CSS コンビネータが Chrome でほぼ 1 年にわたって廃止され、他のブラウザに実装されていないためです。