Javascript Angular ng repeat、Gridster和Web组件相互冲突

我正在使用angular gridster在我的应用程序中显示一个网格，但我看到一些奇怪的行为，我的搜索工作没有产生任何结果

下面是我在gridster中显示简单网格的代码：

<div gridster="gridsterOptions">
  <ul>
    <li gridster-item="item" ng-repeat="item in standardItems">
      <div>{{item.sizeX}}</div>
    </li>
  </ul>
</div>

除了这个网格，我的应用程序的其他部分使用web组件，因此webcomponents.js polyfill

在Chrome（一种本机实现web组件的浏览器）中，页面工作正常。但是在FireFox和IE（本机不支持web组件或需要更改用户设置的浏览器）中，在处理

ng repeat

时出现问题。事实上，它似乎根本没有处理

ng repeat

，gridster生成的包含

div

的文件是完全空的

以下是gridster在FireFox中生成的HTML（注意空的

.gridster内容

）：

/\
为什么这是空的----||

如果我删除页面上加载的

webcomponents.js

polyfill，那么gridster和

ng repeat

在所有浏览器中都能完美运行。这让我相信，在这三个项目中，有一些与其他项目相冲突

有人遇到过这种问题吗？非常感谢您的帮助

链接：

---

这是

网络组件库的一个问题，您可以在这里找到它的参考
，虽然这可以从理论上回答问题，但可以在这里包含答案的基本部分，并提供参考链接。
$scope.standardItems = [
  { sizeX: 2, sizeY: 1, row: 0, col: 0 },
  { sizeX: 2, sizeY: 2, row: 0, col: 2 },
  ...
  { sizeX: 1, sizeY: 1, row: 2, col: 3 },
  { sizeX: 1, sizeY: 1, row: 2, col: 4 }
];

<div style="height: 60px;" class="ng-isolate-scope gridster gridster-desktop gridster-loaded" gridster="gridsterOptions" ng-class="gridsterClass()">
  <div ng-style="previewStyle()" class="gridster-item gridster-preview-holder"></div>
  <div class="gridster-content" ng-transclude=""></div>
                                                /\
                         Why is this empty? ----||
</div>