gpt4 book ai didi

polymer this.$ 集合

转载 作者:行者123 更新时间:2023-12-01 11:23:48 28 4
gpt4 key购买 nike

我正在阅读事件指南和指南的开头,它说:

You can also add an event listener to any element in the this.$ collection using the syntax nodeId.eventName.



什么是 this.$收藏?

最佳答案

this.$包含从 Automatic node finding 创建的节点:

Polymer automatically builds a map of statically created instance nodes in its local DOM, to provide convenient access to frequently used nodes without the need to query for them manually. Any node specified in the element's template with an id is stored on the this.$ hash by id.

Note: Nodes created dynamically using data binding (including those in dom-repeat and dom-if templates) are not added to the this.$ hash. The hash includes only statically created local DOM nodes (that is, the nodes defined in the element's outermost template).



<head>
<base href="https://polygit.org/polymer+1.6.0/components/">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="polymer/polymer.html">
</head>

<body>
<x-foo></x-foo>

<dom-module id="x-foo">
<template>
<div id="div1">foo</div>
<div id="div2">bar</div>
<div id="div3">baz</div>
</template>
<script>
HTMLImports.whenReady(function() {
Polymer({
is: 'x-foo',
ready: function() {
console.log('div1', this.$.div1.textContent);
console.log('div2', this.$.div2.textContent);
console.log('div3', this.$.div3.textContent);
}
});
});
</script>
</dom-module>
</body>

关于 polymer this.$ 集合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39432359/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com