- 角度ViewEncapsulationのすなわち、カプセル化
- ネイティブ
- シャドウDOM元のブラウザの挙動
- ネイティブその役割は、コンポーネントのスタイルが完全に閉じ、グローバルスタイルは、内部のスタイルを変更することはできません、入力しないようにすることです。
- 通常、外部の普遍的なスタイルは、このようなブートストラップのいくつかの形態として、内部に影響を与えたいので、それは一般的に、使用すべきではありません
- 角度成分は、シャドウDOMが作成されます。
- スタイルの範囲は、構成要素です。
- エミュレート
- 行動をシミュレートするために同様の角度シャドウDOMによるエミュレーションモード、角度のデフォルトモードを
- エミュレートされ、その役割は入力しないだけのスタイル要素を作ることです、他の言葉で、スタイルのコンポーネントで外部コンポーネントには影響を与えません。
- そのデフォルト、スタイルの角度内部コンポーネントとは、上位層、スタイルが動作していない上位層には影響を与えません。コンパイル後、スタイルが起動しません。
- 角度のシャドウDOMは、そのコンポーネント用に作成されていません
- スタイルは、アセンブリに制限されます
- これがデフォルトのカプセル化です。
- 無し
- 任意の包装動作なし
- いずれも同等の方法は、内部構成要素は、グローバルスタイル定義に対して、内及び外とスタイルを定義されていません。(注意して非特別な状況)
- 所望のパターンは、外部からの衝撃に対して内部、またはあってもよいときに使用することができる場合、内部コンポーネント操作の外部スタイル等
- 影DOMありません。
- 総会は、スタイルの範囲内ではありません。
- キーストーン
- そのViewEncapsulation角度は何?
- シャドウDOMと角度ViewEncapsulation
- HTMLとしてパッケージHTML要素のシャドウDOM。要素に制限され、DOM内の他のノードと競合しないシャドウDOM、タグ、スタイルと動作を使用してください。シャドウDOMは、スタイルやログインの要素をカプセル化するWebコンポーネントの一部です。
- 角度のシャドウDOMをシミュレートすることができ、独自のシミュレーションを持っています。シャドウDOMおよびパッケージのスタイルをシミュレートするために、角度はビューカプセル化タイプを用意しました。
- 理論的には、角度成分は、Webコンポーネントではありません
- 角度成分は、Webフロントエンドの開発の基礎となる詳細をカプセル化し、開発の複雑さを低減するために、成分と上層との間のデフォルトのスタイル関連一方向隔離全体としての成分の各々、のようなシミュレートされたデスクトップ・アプリケーションとなっています
- 修飾ViewEncapsulationの成分
import { ViewEncapsulation } from '@angular/core';
@Component({
encapsulation: ViewEncapsulation.None
})