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

Question

我试图在我的Angular应用程序中混合使用Polymer Web组件,但是我无法在这些框架之间获得双向数据绑定.我已经看过这个视频并且已经尝试过这个问题中提供的解决方案,但它仍然不适用于我.这些是我的尝试:

• Object 属性值

  <game-card game="{{game}}" bind-polymer></game-card>- 基于post-card.htmlPolymer教程.game是一个id,title等对象

  我在gameChangedWeb组件上创建了该函数,并在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上搜索会带来更多关于材料的结果,而不是图书馆本身,一旦发现,大多数都是"Polymer for Dart"资源.

Answer 1

尝试使用 NG 聚合物元素库，它解决了角度和聚合物（核心和纸元素）的 2 路数据绑定以及其他一些与角度/聚合物相关的内容，它还具有将您自己的自定义聚合物元素添加到角度绑定的文档支持

NG聚合物元素