自动绑定模板里面的监听方法？ （聚合物1.0）

Question

<template is="dom-bind">
    <custom-element></custom-element>
    <iron-ajax auto url="data.json" handle-as="json" last-response="{{data}}" on-response="receivedResponse"></iron-ajax>
</template>

在上面的例子中＆＃34; custom-element＆＃34;需要知道什么时候铁阿贾克斯已收到回复。问题是我不知道在哪里收到＆＃34; receivedResponse＆＃34;方法。我该怎么做呢？我更喜欢把它放在＆＃34; custom-element＆＃34;中，但后来我不知道如何将它绑定到＆＃34; on-response＆＃34;铁阿贾克斯事件。

我可以绑定＆＃34; {{data}}＆＃34;属于＆＃34; custom-element＆＃34;并拥有该物业的观察员，但这感觉就像一个黑客，我想找出正确的方法。

Answer 1

为自动绑定模板分配ID以便于访问

<tempalte id="app" is="dom-bind">

然后在Javascript

中初始化模板

var app = document.querySelector('#app');

并创建函数。

app.receivedResponse = function () {
  // process response
}

如果您需要等待所有聚合物元素加盖到dom上，等待'dom-change'事件

app.addEventListener('dom-change', function () {
  // dom is ready to work with
});

希望这会有所帮助...

Answer 2

<custom-element data="{{data}}"></custom-element>