聚合this。$集合

Question

聚合this。$集合

Ole*_*Ole 3 polymer polymer-1.0

我正在阅读事件指南及其内容的开头：

您还可以使用语法nodeId.eventName将事件侦听器添加到this。$集合中的任何元素。

有什么this.$收藏？

Answer 1

ton*_*y19 5

this.$包含通过自动节点查找创建的节点：

Polymer会在其本地DOM中自动构建静态创建的实例节点的映射，以提供对常用节点的便捷访问，而无需手动查询它们。元素模板中用所指定的任何节点都通过id来存储在this.$哈希中id。

注意：使用数据绑定动态创建的节点（包括dom-repeat和dom-if模板中的那些节点）不会添加到this.$哈希中。哈希仅包含静态创建的本地DOM节点（即，元素最外层模板中定义的节点）。

<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>

Run Code Online (Sandbox Code Playgroud)

归档时间：	9 年，8 月前
查看次数：	1617 次
最近记录：	9 年，8 月前