框架组件(core-elements/paper-elements)的聚合角双向数据绑定

Question

我试图在我的Angular应用程序中混合聚合物web组件，但我无法在这些框架之间获得双向数据绑定。我已经看了这个视频，也已经尝试了这个问题提供的解决方案，但它仍然不适合我。以下是我的尝试:

• Object属性值

  <game-card game="{{game}}" bind-polymer></game-card> -基于post-card.html的聚合物教程。game是具有id、title等的对象。

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

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

  在组件后面，stringized对象中没有"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上，作为纸输入扩展它)。我认为这不是解决问题的好办法。

我错过了什么吗?有一个很好的资源，我可以寻找这个角聚合物集成?在谷歌上搜索会带来更多关于材料的结果，而不是图书馆本身，当找到时，大多数都是"Dart"资源。

Answer 1

尝试使用NG Polymer Elements库，它解决了angular和Polymer的2种方式数据绑定(核心和纸元素)和其他一些东西，打破了angular/Polymer，它也有文档添加你自己的自定义聚合物元素到angular绑定支持

NG Polymer Elements