angularjs - 用于框架组件(核心元素/纸张元素)的 Polymer-Angular 双向数据绑定(bind)

Question

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

Object属性值
<game-card game="{{game}}" bind-polymer></game-card> - 基于 post-card.html关于 polymer 教程。 game是一个带有 id、title 等的对象。

我创建了 gameChanged Web 组件上的函数并在 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 的结果而不是关于图书馆本身，当找到时，它们中的大多数都是“Dart polymer ”资源。

Answer 1

尝试使用 NG Polymer Elements lib，它解决了 Angular 和 polymer (芯和纸元素)的 2 路数据绑定(bind)以及其他一些与 Angular/polymer 破坏的东西，它还具有将您自己的自定义 polymer 元素添加到 Angular 绑定(bind)的文档支持

NG Polymer Elements