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>