时间:2015-02-06 15:43:05

标签: javascript polymer html5-template

使用Polymer我可以使用<template>属性在<polymer-element>之外使用is='auto-binding' - 标记。但是我怎么能在Javascript中知道<template>实际上已经初始化了。我已经尝试过听取我能想到的每一个可能的事件并浏览一下源代码,但似乎无法找到任何指针,尽管我认为这一定是可能的。

如果我的意思很难理解一个简单的jsfiddle,显示问题可以找到here,虽然我认为上面的描述应该足够了。

1 个答案:

答案 0 :(得分:1)

您想要收听template-bound事件。它在this section的底部提到过。

<template is="auto-binding" id="tmpl">
  <input value="{{test}}">
  {{test}}
</template>

<script>
  var tmpl = document.querySelector('#tmpl');
  tmpl.test = 123;
  tmpl.addEventListener('template-bound', function() {
    console.log('template bound fired!');
    console.log(document.querySelector('input'));
  });
</script>

我拍摄了a screencast on auto-binding templates,其中包含了更多内容。