Angular Polymer 数据绑定答案

【问题标题】：Angular Polymer data-bindingAngular Polymer 数据绑定
【发布时间】：2014-06-21 09:29:50
【问题描述】：

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

这是一个示例的链接，该示例通过名称和年龄属性传递字符串：working。

<x-kid bind-polymer ng-repeat="kid in kids" angupoly="{name:'kid.name', age:'kid.age'}">
</x-kid>

但是当我尝试通过孩子属性传递一个对象时，似乎出了点问题，这里是链接：not working。

<x-kid bind-polymer angupoly="{kid:'kid'}">
</x-kid>

我应该怎么做才能让它工作？

更新：
还用这个library 尝试过，但没有用。代码将如下所示：

<x-kid bind-polymer kid={{kid}}>
</x-kid>

重大更新：
在这里，我在调整 "angular-bind-polymer" 库方面取得了一些进展。现在我可以将外部聚合物中的物体绑定到聚合物中，here is the updated plunker。现在的问题是在另一个方向上执行此操作。
注意：我从角度方面遇到了一些异常，看看也许你可以帮助解决它。 我认为我们非常接近 :)。

【问题讨论】：

拥有相同的problem。我发现的一种解决方法是创建一个属性侦听器，例如angupolyChanged: function(n,o){//set stuff} 设置值。但是更改还没有从组件中传播出来......
查看以下项目进行双重绑定。我昨天刚刚取得了一些成功：github.com/GabiAxel/ng-polymer-elements
我正在尝试绑定到主干模型，您认为这可能吗？ stackoverflow.com/questions/25816912/…

标签： javascript html angularjs polymer web-component

【解决方案1】：

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

在 Polymer 1.0 中，双向绑定更加简单，并且不仅可以绑定字符串值，还可以绑定对象。

这里是主要部分

<x-kid ng-repeat="kid in ::kids" angupoly="{name:'kid.name', age:'kid.age'}"></x-kid>

【讨论】：

【解决方案2】：

我认为这是因为某种参考。

我应该如何解释，就像您在数据绑定中使用范围内的对象一样。当您将对象更新为新对象时，UI 不会使用新对象值进行更新。

【讨论】：

为什么不呢？ Angular 指令以这种方式工作，我希望聚合物组件也是如此......

【解决方案3】：

看起来Material Design 是答案，摘录：

我们的目标是提供一组精简、轻量级的 AngularJS 原生 UI 元素，这些元素实现了用于 Angular SPA 的材料设计系统。

【讨论】：

我说的是创建我自己的元素。我希望 Angular 将展示如何使数据绑定在两个方向上工作。
绑定几乎不适用于聚合物元素（实现材料设计）。像 ng-model 这样的东西根本不绑定（尽管我正在尝试破解）。
它正在使用原语（使用一些库，您可以在问题中找到其中两个）。

【解决方案4】：

也许你可以从this blog 那里找到线索，即使它的目标是飞镖：

Angular 和 Polymer 数据绑定，一起来！

【讨论】：

Nope.... 它是在谈论数据绑定，但不是特别在谈论对象数据绑定。

【解决方案5】：

也可以看看ng-polymer，这个项目可能会给你一些见解

【讨论】：