Polymer benutzerdefinierte Ereignisse ausgelöst von Kind Element nicht durch Elternelement gefangen

Question

Ich versuche, ein benutzerdefiniertes Ereignis von einem untergeordneten Element zu seinem übergeordneten Element ausgelöst, aber es funktioniert nicht mit Listeners-Objekt. Es funktioniert mit annotierten Ereignissen, aber das ist in den meisten Situationen nicht anwendbar. Wie kann ich Listener-Objekt in diesem Fall verwenden. hier ist ein Code, um das Problem zu veranschaulichen:

<!--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> 

Vielen Dank im Voraus für Ihre Hilfe.

Answer 1

Konnten Sie versuchen, das Ereignis von searchresult-controller auf attached und nicht ready zu feuern?

ready könnte zu früh für search-controllers da, zu handhaben according to the docs, setzen Zuhörer im listeners Objekt werden während der attached Lifecycle-Veranstaltung.

Meine Schätzung ist searchresult-controller 's ready Ereignis passiert vor search-controllers' s attached Ereignis.