web-component - 在一些流行的浏览器不支持的情况下，angular2 将如何使用 shadow dom？

Question

从文档中：

当一个组件被实例化时，Angular

creates a shadow DOM for the component.
loads the selected template into the shadow DOM.
creates a child Injector which is configured with the appInjector for the Component.

但是，据我所知， IE、Safari甚至Firefox的默认配置还不支持 shadow DOM ！
考虑到 shadow DOM 不是一个可以通过 js 库或其他东西轻松添加到浏览器的功能，浏览器对 angular2 的支持如何？

PS：原谅我称IE和Safari（特别是IE）流行的浏览器！

Answer 1

Angular 2 有两种 Shadow DOM 模式：模拟和原生。换句话说，不支持 Shadow DOM 的浏览器将获得有效但速度较慢的 polyfill。

讨论和源代码

Answer 2

Angular 2 和 Polymer 都使用 Polyfill 来模拟 Shadow DOM。Polymer 称之为Shady DOM。

请注意，这些 polyfill 仅在最新版本的浏览器中受支持，例如 IE 11。