Angular2-三种样式封装策略的区别


  Angular2有三种样式封装方式,分别是None、Native、Emulated。

  可用元数据“encapsulation”配置,配置方式如下:

  • encapsulation: ViewEncapsulation.None
  • encapsulation: ViewEncapsulation.Emulated
  • encapsulation: ViewEncapsulation.Native

  三者有什么区别呢?

  None:

  使用None策略,组件配置的样式没做任何封装;它会直接在文档树种插入