Java教程

Angular的视图封装

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

文章目录

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


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


一、ShadowDom 模式

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

二、Emulated 模式

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

三、None 模式

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

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