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 查询元素。只需使用 $[] .

上面的dart代码变成了:

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

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