角聚合物数据绑定

vli*_*o20 7 html javascript web-component angularjs polymer

我想在Polymer和Angular之间进行双向数据绑定,为此我使用的是Angu-poly库.

这是一个工作示例的链接,同时通过名称和年龄属性传递字符串:工作.

<x-kid bind-polymer ng-repeat="kid in kids" angupoly="{name:'kid.name', age:'kid.age'}">
</x-kid>
Run Code Online (Sandbox Code Playgroud)

但是当我尝试通过kid属性传递一个对象时,似乎出现了问题,这里是链接:不工作.

<x-kid bind-polymer angupoly="{kid:'kid'}">
</x-kid>
Run Code Online (Sandbox Code Playgroud)

我该怎么做才能让它发挥作用?

更新:
也尝试使用此,它不起作用.代码看起来像这样:

<x-kid bind-polymer kid={{kid}}>
</x-kid>
Run Code Online (Sandbox Code Playgroud)

大更新:
我在这里调整了"angular-bind-polymer"库的一些进展.现在我能够将外部聚合物中的物体绑定到聚合物中,这里是更新的plunker.现在的问题是在另一个方向上这样做.
注意:我从角度方面得到一些例外,看看也许你可以帮助解决它.我想我们非常接近:).

Mat*_*pus 1

这是更新的示例http://plnkr.co/w1icAU

使用 Polymer 1.0,双向绑定更加简单,并且还能够绑定对象而不仅仅是字符串值。

这是主要部分

<x-kid ng-repeat="kid in ::kids" angupoly="{name:'kid.name', age:'kid.age'}"></x-kid>
Run Code Online (Sandbox Code Playgroud)