<模板>polymer.js的初始化事件

<template> initialization event with polymer.js

本文关键字:事件 初始化 js gt lt 模板 polymer      更新时间:2023-09-26

使用聚合物I可以使用is='auto-binding'属性在<polymer-element>之外使用<template>-标记。然而,我怎么能在Javascript中知道<template>实际上已经初始化。我试着倾听我能想到的每一个可能的事件,并浏览了源代码一段时间,但似乎在任何地方都找不到任何指针,尽管我认为这一定是可能的。

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

您想要侦听template-bound事件。它在本节的底部提到。

<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>

我拍摄了一个关于自动绑定模板的屏幕截图,其中涵盖了更多。