本文主要是介绍Angular的视图封装，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

文章目录

• 一、ShadowDom 模式
• 二、Emulated 模式
• 三、None 模式

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

一、ShadowDom 模式

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

二、Emulated 模式

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

三、None 模式

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

这篇关于Angular的视图封装的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！