폴리머 노드가

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에 통과해야을노드 객체를과 같이 :

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

그러나 콘솔 출력에서 ​​얻을 수있는 결과는 다음과 같습니다.

노드 객체를 특성으로 전달하는 방법은 무엇입니까? 도와주세요.

P.

<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. : 나는 코어 드롭 다운이 동일에게 relatedTarget 속성이 있다고 보았다 그건 그렇고 musicChooser = "123"속성을 전달하면 내 요소에서 얻습니다. 그러나 노드 객체는 어떤 이유로 무시됩니다.

Answer 1

변경된 감시자가 작동해야합니다 (here's an example).

문제가 automatic node finding과 관련이 있는지 궁금합니다. $은 다른 Polymer 요소 내부에서만 작동합니다 (자동 바인딩 템플릿 내부에서도 가능할 수 있지만 이중 체크가 필요합니다).