dart - 有没有一种更简单的方法可以通过我的 Polymer Element 中的 ID 获取元素？

Question

我有一个 PolymerElement，我经常需要在其中按 ID 访问内部元素。我的聚合物元素看起来像这样：

<polymer-element name="my-element">
<template>
  <div id="idOne">...</div>
  <div id="idTwo">...</div>
  ....
</template>
</polymer-element>

当前访问各种 div 如下所示：

// other stuff here.
var elOne = shadowRoot.querySelector('#idOne');
var elTwo = shadowRoot.querySelector('#idTwo');

有没有更简单的方法来实现这一点？

Answer 1

绝对地！Polymer 类提供了一个 Shadow 根访问器，用于从自定义元素中按 ID 查询元素。只需使用$[].

上面的飞镖代码变成：

var elOne = $['idOne'];
var elTwo = $['idTwo'];

请注意，请务必#从 ID 中省略井号 ( )。目前该表单只支持通过ID查询Shadow Root，不支持基于类的选择和ElementLists 。