如何在聚合物中的嵌套重复模板中自动绑定属性?

时间:2014-10-29 01:42:11

标签: rest firebase polymer

我试图对表格元素进行简单的扩展。在哪里可以单击td,然后它就变得可编辑了,当你编辑数据时,它会通过REST服务自动保存。

Here's what I got so far

正如您所看到的,您可以单击td并编辑它们,但数据不会持久保存到另一侧(在这种情况下是firebase)。这是因为td中的数据不再受限于它们来自的数据属性。有人可以告诉我如何再次将它们绑定到该属性?或者任何其他方式我可以将数据保存到正确的行和密钥?

2 个答案:

答案 0 :(得分:1)

据我所知,聚合物不支持令人满意的变化事件。 您可以使用onkeys手动更新模型。 在on- *处理程序中,您可以使用以下命令访问命名的模型实例:e.target.templateInstance.model。:

<polymer-element name="x-foo">
  <template>
    <template repeat="{{user in users}}">
      <div on-click="{{clickHandler}}">{{user.name}}</div>
    </template>
  </template>
  <script>
    Polymer('x-foo', {
      clickHandler: function(e, detail, sender) {
       console.log(sender.templateInstance.model.user.name);
      }
    });
  </script>
</polymer-element>

答案 1 :(得分:0)

Sevesta告诉我,它只能手动完成,所以我给了每个td额外的数据属性,以便我可以识别它们,然后在stopEditing()函数中我手动更新模型。

See here.