Javascript 聚合物节点到元素属性

Javascript 聚合物节点到元素属性,javascript,attributes,polymer,core-elements,Javascript,Attributes,Polymer,Core Elements,我有下一个聚合物元素: <link rel="import" href="../../lib/polymer/polymer.html"> <polymer-element name="ss-timeline" attributes="musicChooser photoSelector"> <template> <div></div> </template> <script t

我有下一个聚合物元素:

<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>
如何通过属性传递节点对象?请帮忙

另外,我看到core下拉列表具有相同的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>

削减
抄袭
粘贴
所以这在理论上应该是可行的


顺便说一下,如果我传入属性musicChooser=“123”,我会在元素中得到它。但由于某些原因,节点对象被忽略。

您更改的观察程序应该可以工作

我想知道这个问题是否与你使用电脑有关。
$
只能在另一个聚合物元素内部工作(也可能在自动绑定模板内部工作,但我需要再次检查)

Object {} Object {}
<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>