如何调用模板(Shadow DOM)中包含的另一个元素的函数?

时间:2014-12-02 22:21:34

标签: polymer function-call

问题很简单(我希望如此)。有没有办法从my-elementB调用my-elementA的函数myFunctA?或者任何与公共函数在Java或C中的工作方式类似的解决方案?

<polymer-element name="my-elementA">  
 <template>  
 ...  
 </template>

 <script>
 Polymer({

   myFunctA : function()
   {
   ...
   }

 });
</script>
</polymer-element>

<polymer-element name="my-elementB">  
 <template>
   <my-elementA></my-elementA>  
   ...  
 </template>

 <script>
 Polymer({

   myFunctB : function()
   {
   //call myFunctA()
   }

 });
</script>
</polymer-element>

1 个答案:

答案 0 :(得分:8)

<polymer-element name="my-elementB">  
 <template>
   <my-elementA id="element"></my-elementA>  
   ...  
 </template>

 <script>
  Polymer({

   myFunctB : function()
   {
     this.$.element.myFunctA();
   }

  });
</script>
</polymer-element>