尝试使用 ng-repeat + 聚合物元素创建列表 = 失败

Question

我正在尝试使用带有聚合物元素（聚合物 1.0）的指令 ng-repeat(angular 1.4) 创建一个列表，如下例所示：

<paper-material data-ng-repeat="curso in cursos">
        <div class="lista">
            <paper-item role="listitem">
                <paper-item-body data-ng-click="carregar(curso)">
                    <div class="first-line">{{ curso.nome | uppercase }}</div>
                </paper-item-body>
                <paper-icon-button data-dialog="removeItem" icon="close" data-ng-click="prepararRemover(curso)"></paper-icon-button> 
            </paper-item>
        </div>
</paper-material>

'cursos'变量通过此方法使用Restangular:

填充到加载页面

$scope.buscarCursos = function() {
        var promise = Restangular.all('cursos').getList();
        promise.then(function (response){ 
            $scope.cursos = response.data;
        });
};

在加载页面上它工作正常。但是如果我再次调用此方法（重新加载列表），我会在 angular:

上收到此错误

console message: "Error: element is undefined".

如果我删除所有聚合物元素并尝试再次加载和重新加载页面，我没有遇到任何问题。

我做错了什么或者不可能这样做？在 Chrome 中没有这个问题，只有在 Firefox 中。

谢谢。

Answer 1

为什么要尝试将 Polymer 和 Angular 结合起来？在很多方面，它们是相互竞争的框架。如果您使用 Polymer 的唯一原因是尝试将 Material 设计规范纳入您的项目，那么您可能应该考虑使用 Angular Material Design implementation。

尝试使用 ng-repeat + 聚合物元素创建列表 = 失败

Trying create lists with ng-repeat + polymer elements = failure

javascript

angularjs

ng-repeat

polymer

paper-elements