用于框架组件（核心元素/纸张元素）的 Polymer-Angular 双向数据绑定

Question

我正在尝试在我的 Angular 应用程序中混合 Polymer Web 组件，但我无法让这些框架之间的双向数据绑定正常工作。我已经看过this video 并且已经尝试过this question 中提供的解决方案，但它仍然对我不起作用。这些是我的尝试：

• Object属性值

  <game-card game="{{game}}" bind-polymer></game-card> - 基于 Polymer 教程中的 post-card.html。 game 是一个有id、title等的对象。

  我在 Web 组件上创建了 gameChanged 函数，并在 game 变量中添加了一个新属性，类似于 this.game.foo = 'bar';，但如果我这样做了

  <pre><code>{{game | json}}</code></pre>

  在组件之后，字符串化对象中没有"foo": "bar"。即使有

  publish: { game: {reflect: true} },

  它不起作用。

• 框架组件

  <core-input value="{{cool}}" bind-polymer></core-input> <paper-input value="{{cool}}" bind-polymer></paper-input>

  只有在我将 元素的源代码 编辑为 reflect value 属性时它才有效（在 core-input.html 上，因为纸张输入扩展了它）。我认为这不是解决这个问题的好方法。

我错过了什么吗？有没有很好的资源我可以寻找这个 Angular-Polymer 集成？在 Google 上搜索会带来更多关于 the material 的结果，而不是关于库本身的结果，并且在找到时，大部分都是“Polymer for Dart”资源。

Answer 1

尝试使用 NG Polymer Elements 库，它解决了 Angular 和聚合物（芯和纸元素）的 2 路数据绑定以及其他一些与 Angular/聚合物中断的东西，它还具有添加您自己的自定义聚合物元素的文档角度绑定支持

NG Polymer Elements