<template> 初始化事件 polymer.js

Question

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

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

Answer 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 涵盖了更多内容。

<template> 初始化事件 polymer.js

<template> initialization event with polymer.js

javascript

polymer

html5-template