javascript - 在edge/firefox/ie上使用webcomponentjs bundle polyfill时如何修复AngularJS指令（表单）中断？

Question

我正在加载 webcomponent.js 捆绑 polyfill 以便能够使用影子 dom 和自定义元素。该捆绑包与 angular 一起加载，现在我的 angular 指令（例如 form）根本没有显示在 firefox/edge/ie 上（chrome 和 safari 都很好）并且它们已损坏。有没有人找到解决这个问题的方法？

我在用

import '../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite';
import '../node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter';

当我使用 webcomponent-lite 时，表单将被删除，如下所示：

当我删除它时，我得到了表格： *这是一个角形

这也发布在 webcomponentjs GitHub 上，作为问题 #981 ，尽管我使用的是 AngularJS 1.x，他们正在谈论 angular6。

标签： javascriptangularjsshadow-domcustom-element