引导
这是一个很简单的话题,但是你很难在搜索到一篇比较完整的介绍它的文章,或者说单纯的告诉你 ViewEncapsulation 的用法而已,这在实际项目中远远不够的。
一、封装模式
分别为:
- Native 原先浏览器Shadow DOM行为。
- Emulated 仿真模式,通过Angular来模拟类似Shadow DOM的行为。
- None 无任何封装行为。
以上三种模式唯一的区别在于Shadow DOM,当然其作用是让组件的样式只进不出,换言之即组件内的样式不会影响到外部组件。有关于Shadow DOM更多的细节不在这里讨论。
三者的表现形式
假定使用以下代码:
登录 | 立即注册