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