web-component - 一部の一般的なブラウザーではサポートされていないのに、angular2 はどのようにシャドウ 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.

しかし、私の知る限り、Shadow DOM はIEやSafariではまだサポートされておらず、 Firefoxのデフォルト設定でもサポートされていません!
Shadow DOM が js ライブラリなどを介してブラウザに簡単に追加できる機能ではないことを考えると、Angular2 に対するブラウザのサポートはどうなりますか?

PS: IE および Safari (具体的には IE)の一般的なブラウザーを呼び出すことを許してください!

Answer 1

Angular 2 には、Shadow DOM 用の 2 つのモードがあります: エミュレートとネイティブです。つまり、Shadow DOM をサポートしていないブラウザーは、効果的ですが低速のポリフィルを取得します。

ディスカッションとソースコード

Answer 2

Angular 2 と Polymer はどちらも Polyfill を使用して Shadow DOM をエミュレートします。Polymer はそれをShady DOMと呼んでいます。

これらのポリフィルは、IE 11 などの最新バージョンのブラウザーでのみサポートされていることに注意してください。