聚合物，如何 select 条件模板内的元素

Question

这里是Plunk描述的问题：

如何select条件模板里面的'model-el':

<template is="dom-if" if="{{employees}}" id="model_template">
    <model-el 
      id="model"
      employees="{{employees}}"
    >second-child calling</model-el>  
</template>

{{employees}} 数据位于 'attached' 回调中。在单独的点击调用中尝试选择。

目标是在单击事件中访问 'model-el.test()' 函数：

model-el.test();

我尝试过不同的方法，如：

      //var model_el = this.$.model;
      //var model_el = document.querySelector('model');
      //var model_el = this.shadowRoot.querySelector('model');

      console.log(model_el);
      //Goal
      model_el.test();

Answer 1

this.$.... 只支持静态添加的元素。对于您的用例，请使用 var model_el = this.$$('#model');。这是 Polymer.dom(this.root).querySelector('#model')

的缩写形式

聚合物，如何 select 条件模板内的元素

Polymer, how to select element that is inside conditional template

polymer

polymer-1.0