通过在组件的元数据上设置视图封装模式,可以分别控制每个组件的封装模式。 可选的封装模式一共有如下几种:
ShadowDom 模式,组件的样式被包含在这个 Shadow DOM 中,外部样式进不来,组件样式出不去。
Emulated 模式,样式局限在组件视图,样式只进不出,全局样式能进来,组件样式出不去。
None 模式,不使用视图封装,Angular 会把 CSS 添加到全局样式中,可以理解为把组件的样式直接放进 HTML ,也就是说全局样式能进来,组件样式也能出去。