框架组件的聚合物 - 角度双向数据绑定（核心元素/纸张元素）

Question

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

• Object属性值

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

  我在网络组件上创建了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>

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

我错过了什么吗？有没有一个很好的资源我可以寻找这个Angular-Polymer集成？在Google上搜索会带来关于the material的更多结果，而不是关于图书馆本身的结果，一旦找到，大多数都是＆＃34;聚合物用于Dart＆＃34;资源。

Answer 1

尝试使用NG Polymer Elements lib，它解决了角度和聚合物（核心和纸张元素）的双向数据绑定以及其他一些破坏角度/聚合物的东西，它还有文档来添加您自己定制的聚合物元素角度绑定支持

NG Polymer Elements