子元素触发的聚合物自定义事件未被父元素捕获

Question

我正在尝试将自定义事件从子元素触发到其父元素，但它无法使用侦听器对象工作。它使用带注释的事件工作，但在大多数情况下不适用。在这种情况下我如何使用侦听器对象。这里有一些代码来说明问题：

   <!--in child element's dom..-->

<dom-module id="searchresult-controller">
    <template>
        <style>
            ...
        </style>
    </template>
     <script type="text/javascript">
        Polymer({
            is: "searchresult-controller",

               ready: function(){
                  this.sendSignal();
            },

            sendSignal: function() {
                 this.fire('msg', {data: 'i love polymer'});
             }
        });
    </script>
</dom-module>

<!-- in parent -->
 <dom-module id="search-controllers">
<template>
    <style>
       ...
    </style>
     <searchresult-controller></searchresult-controller>
     <result-view></result-view>
</template>

<script type="text/javascript">
    Polymer({
        is: "search-controllers",

        listeners: {
            'msg': '_showAlert'
        },
         _showAlert: function(e) {
            console.log(e.detail.data);
        }

    });
</script>

提前感谢您的帮助。

Answer 1

您能否尝试在attached 而不是ready 上从searchresult-controller 触发事件？

ready 处理 search-controllers 可能为时过早，因为 according to the docs 在 listeners 对象中设置的侦听器是在 attached 生命周期事件期间设置的。

我的猜测是searchresult-controller 的ready 事件发生在search-controllers 的attached 事件之前。