我是聚合物的新手,现在正在阅读这份文件。但我对以下文件感到困惑:
(function() {
var values = {};
Polymer('app-globals', {
ready: function() {
for (var i = 0; i < this.attributes.length; ++i) {
var attr = this.attributes[i];
values[attr.nodeName] = attr.nodeValue;
}
}
});
})();
然后定义像这样的全局变量:
<app-globals firstName="Addy" lastName="Osmani"></app-globals>
我已尝试过这种方式,但我无法通过app-globals获取任何变量,Value
绝对是一个局部变量,因为它没有启动this.
,那我怎样才能通过app-globals获得价值?
答案 0 :(得分:3)
这看起来像文档中的错误。我相信意图是这样的:
<polymer-element name="app-globals" attributes="values">
<script>
(function() {
var values = {};
Polymer('app-globals', {
ready: function() {
// this bit at least is missing from the example
this.values = values;
// initialize values from attributes (note: strings only)
for (var i = 0; i < this.attributes.length; ++i) {
var attr = this.attributes[i];
values[attr.nodeName] = attr.nodeValue;
}
}
});
})();
</script>
</polymer-element>
这样,数据可以从app-globals
的任何instance.values
实例获得。我还发布了values
,以便您可以绑定它。
... in some element template ...
<app-globals values="{{globals}}"></app-globals>
<h2>{{globals.header}}</h2>