Angular2 Viewカプセル化

Question

私は大きなプロジェクトの開発を開始しており、ViewEncapsulationNoneまたはEmulatedを使用するかどうかを知る必要があります。 何らかの理由でデフォルトがEmulatedですが、Angualr2 MaterialにはNoneが使用されています。

プロジェクト内で再利用可能なウィジェットを持つ必要があり、スタイルやダイナミックテーマが異なる必要があります。 私はそれがEmulatedで行うことができることを知っていますが、管理するのが難しく、CSSルールやオーバーライドを使用するほど簡単ではないようです。

このようなプロジェクトにはどのようなモードが推奨されますか？

Answer 1

エミュレートされたオプションを使用することをお勧めします。 これは、HTMLテンプレートだけでなくスタイルもカプセル化する機能を提供します。

これは未来です。それはWebコンポーネントと呼ばれ、私はあなたにそれについて読むことを強く勧めます。詳細については、以下を参照してください。

• Modular future web components

• Shadow DOM strategies in Angular 2

Answer 2

'をエミュレート' オプションを使用する利点は、あなたがカプセル化されたコンポーネント（スタイル、テンプレートを作成することができること、です、など）。また、コンポーネントを一度作成（ドロップダウン、テーブル、ポップアップ）して現在のプロジェクト内で再利用するだけでなく、後で別のプロジェクトで使用することも、オープンソース化することもできます。