Question

无论我做什么 - 在聚合物元素中的纸质按钮中点击AngularJS它都不起作用，是否有任何文件要导入？请一步一步告诉我该怎么做。

<link rel="import" href="../components/polymer/polymer.html">

<link rel="import" href="../components/paper-button/paper-button.html"/>
<link rel="import" href="../components/core-signals/core-signals.html">


<polymer-element name="my-statut-footer_OnEdit">
  <template>
    <div class="tag-container">
        <paper-button class="shadow" ng-click='annulerClick()'>Annuler</paper-button>
        <paper-button class="colored shadow" ng-click='publierClick()'>Publier</paper-button>
    </div>
  </template>
  <script>
    Polymer('my-statut-footer_OnEdit',{
        });
  </script>
</polymer-element>

Answer 1

我发现的最佳解决方案是使用聚合物的点击事件，然后在方法内部通过他的id选择angularjs控制器

    <paper-button on-click='publierClick()'>Publier</paper-button>

    Polymer('my-statut-footer_OnEdit',{
        publierClick: function(e, detail, sender) {
            var scope = angular.element(document.getElementById(('controllerID')))
                .scope();
            scope.$apply(function () {
                scope.publier();
            });
        }
    });

Answer 2

Polymer和Angular彼此不兼容。

Polymer广泛使用了全新的Web Components标准，而Angular的编辑器在任何时候都不知道，当Angular的编译器遇到自定义元素时，它会尝试将其用作Angular Directive，实际上并非如此，它会导致很多错误。

以下是一些解决方案：
使用ng-polymer-elements可以帮助Polymer元素与Angular兼容等待Polymer 0.8并希望它与Angular一起使用。

当您在这里时，请务必查看以下问题的一些答案，这可能有助于您了解聚合物和角度之间的一些技术差异：
What is the difference between Polymer elements and AngularJS directives?

Answer 3

目前还没有有效的方法来实现它。我使用Iframe使其正常工作。希望能找到更好的解决方案，但是现在角度无法通过聚合物生成的阴影html高效工作。

AngularJS在聚合物元素中

3 个答案: