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

Question

以下是描述问题的Plunk：

如何选择条件模板内的'model-el'：

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

{{employees}}数据位于“附加”回调中。在单独的点击呼叫中尝试选择。

目标是在点击事件中访问'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')

的缩写形式