javascript - Polymer 1.0 - 通过 id 选择动态元素的问题

Question

我试图通过动态创建的 id 选择一个元素:

<dom-module id="filter-box">
  <style>
    :host {
      display: block;
    }
  </style>
  <template>
    <h4 id="title">{{title}}</h4>

    <paper-checkbox id="test">test</paper-checkbox><br>

    <template is="dom-repeat" items="{{filters}}">
      <paper-checkbox id="{{item}}">{{item}}</paper-checkbox><br>
    </template>

  </template>
</dom-module>
<script>
  (function () {
    Polymer({
      is: 'filter-box',
      properties: {
        filters: {
          type: Array,
          notify: true,
        },
        title: {
          type: String
        }
      },
      ready: function() {
        this.filters = [
          'Commercial',
          'Enterprise'
        ];
      },
      isSelected: function(filter) {
        return this.$$[filter].checked;
      }
    });
  })();
</script>

当调用 isSelected("something") 时，我得到:

"Uncaught TypeError: Cannot read property 'checked' of undefined"

我可以通过 this.$.title 选择标题，但是我无法以这种方式选择动态元素，也无法按照建议使用 this.$$ here .

Answer 1

根据您提供的引用，您应该像在函数调用中一样使用括号调用this.$$(selector)(而不是使用括号)。因此，将您的代码替换为:

return this.$$('#'+filter).checked;

请注意，您可能还需要在 id 选择器前面添加 #。