Polymer узел к элементу атрибут

Question

У меня есть следующий полимерный элемент:

<link rel="import" href="../../lib/polymer/polymer.html"> 
<polymer-element name="ss-timeline" attributes="musicChooser photoSelector"> 
    <template> 
     <div></div> 
    </template> 
    <script type="text/javascript"> 
     (function() { 
      "use strict"; 

      Polymer('ss-timeline', { 
       created: function(){ 
        this.musicChooser = this.musicChooser || {}; 
        this.photoSelector = this.photoSelector || {}; 
       }, 
       ready: function() { 
        console.log(this.musicChooser, this.photoSelector); 
       }, 
       musicChooserChanged: function(oldVal, newVal) { 
        console.log('musicChooserChanged', oldVal, newVal); 
       } 
      }); 
     })(); 
    </script> 
</polymer-element> 

Так я должен пройти в musicChooser и photoSelector объектов Node так:

<ss-music-chooser id="musicChooser"></ss-music-chooser> 
<ss-timeline musicChooser="{{$.musicChooser}}"></ss-timeline> 

Но на консольном выходе я получаю:

Object {} Object {} 

Как передать объекты Node по атрибутам? Пожалуйста помоги.

P.S. Я видел, что ядро-выпадающий имеет тот же relatedTarget атрибут:

<core-icon-button id="trigger" icon="menu"></core-icon-button> 
<core-dropdown relatedTarget="{{$.trigger}}"> 
    <core-menu> 
    <core-item>Cut</core-item> 
    <core-item>Copy</core-item> 
    <core-item>Paste</core-item> 
    </core-menu> 
</core-dropdown> 

Так это должно работать в теории ...

P.P.S. Кстати, если я передаю атрибут musicChooser = "123", я получаю его в своем элементе. Но объект-узел игнорируется по какой-то причине.

Answer 1

Ваш измененный наблюдатель должен работать, here's an example.

Мне интересно, имеет ли проблема вопрос о вашем использовании automatic node finding. $ будет работать только внутри другого элемента Polymer (и, возможно, также внутри шаблона автоматической привязки, но мне нужно будет дважды проверить).