我想在Polymer和Angular之间进行两种方式的数据绑定,为此,我正在使用Angu- poly库。
这是一个有效示例的链接,同时通过name和age属性传递字符串:working。
<x-kid bind-polymer ng-repeat="kid in kids" angupoly="{name:'kid.name', age:'kid.age'}"> </x-kid>
但是,当我尝试通过kid属性传递对象时,似乎出现了问题,这是链接:不起作用。
<x-kid bind-polymer angupoly="{kid:'kid'}"> </x-kid>
我应该怎么做才能使其正常工作?
更新: 也尝试过使用此库,但无法正常工作。该代码将如下所示:
<x-kid bind-polymer kid={{kid}}> </x-kid>
重大更新: 在这里,我对“角度绑定聚合物”库进行了一些调整。现在,我可以将外部聚合物中的对象绑定到聚合物中,这是更新的插件。现在的问题是从另一个方向进行。 注意: 我在角度方面遇到了一些例外,请看一下您是否可以帮助解决它。 我认为我们非常接近:) 。
这是更新的示例http://plnkr.co/w1icAU
使用Polymer 1.0,双向绑定更加简单,并且还能够绑定对象而不仅仅是字符串值。
这是主要部分
<x-kid ng-repeat="kid in ::kids" angupoly="{name:'kid.name', age:'kid.age'}"></x-kid>