dart - 在 Web UI 中以编程方式访问模板元素

Question

是否有任何简单的方法可以访问模板中声明的元素的关联元素对象。例如，假设我的模板上有一个按钮，我想访问 ButtonElement 对象，以便以编程方式对其进行操作。

我很感激我可以给它一个 ID 并在 onInsert 上查询它。这是最好的做法吗？如果是这样，如果使用了组件的多个实例或者查询是否仅限于 Shadow DOM，我该如何阻止 ID 不唯一？

score 1 · Accepted Answer

我很感激我可以给它一个 ID 并在 onInsert 上查询它。这是最好的做法吗？

如果您有多个（如您所见），则不是。重复 ID 不仅会在同一个组件中多次使用时发生，而且如果该组件多次插入到页面中也会发生。

您总是可以参加传统课程：

...
<template>
  <div class="some-part-of-your-component">foo</div>
</template>
...

DivElement somePart;

inserted() {
  somePart = _root.query('.some-part-of-your-component');
}

1 回答 1