Angular的视图封装

---

通过在组件的元数据上设置视图封装模式，可以分别控制每个组件的封装模式。 可选的封装模式一共有如下几种：

---

一、ShadowDom 模式

ShadowDom 模式，组件的样式被包含在这个 Shadow DOM 中，外部样式进不来，组件样式出不去。

二、Emulated 模式

Emulated 模式，样式局限在组件视图，样式只进不出，全局样式能进来，组件样式出不去。

三、None 模式

None 模式，不使用视图封装，Angular 会把 CSS 添加到全局样式中，可以理解为把组件的样式直接放进 HTML ，也就是说全局样式能进来，组件样式也能出去。