Polymer JS将功能从一个组件传递到另一个组件？答案

【问题标题】：Polymer JS passing function from one component to another?Polymer JS将功能从一个组件传递到另一个组件？
【发布时间】：2015-06-26 21:23:04
【问题描述】：

组件 A：

<polymer-element name="componentA" extends="core-ajax" attributes="onComplete">
<script>

Polymer('componentA',{
    requestCompleted: function(){
         this.onComplete();
    }
});

组件 B：

<polymer-element name="componentB">
<template>
    <componentA method="GET" onComplete="{{myCallbackFunction()}}"></componentA>
</template>
<script>
    Polymer('componentB',{

    name: 'doug',
    myCallbackFunction: function(){
         alert("this works!");
         this.name='mike';
    }
});
</script>

所以我的问题是我可以在 componentA 的属性中传递 myCallbackFunction 并且它会执行它，并提醒“这有效！”。但是，componentB 名称仍设置为“doug”。所以我可以成功传递函数，但是如何访问该函数中组件 B 的变量呢？

【问题讨论】：

标签： javascript jquery mobile web polymer

【解决方案1】：

改用事件。

组件 A：

<polymer-element name="componentA" extends="core-ajax">
<script>

Polymer('componentA',{
    requestCompleted: function(){
      // core-ajax already fires an event, but for demonstration
      this.fire('complete');
    }
});

组件 B：

<polymer-element name="componentB">
<template>
    <componentA method="GET" on-complete="{{myCallbackFunction}}"></componentA>
</template>
<script>
    Polymer('componentB',{

    name: 'doug',
    myCallbackFunction: function(e){
         alert("this works!");
         this.name='mike';
    }
});
</script>

【讨论】：