ポリマー js ドキュメントには、ポリマー要素がいつ設定されたかを知るために WebComponentsReady イベントをリッスンする必要があると書かれています。Dartで同等のものは何ですか?
これが私のテンプレートです:
<template id="order_name" bind repeat>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#order_list" href="#collapseOne">
{{commonName}} ({{scientificName}})
</a>
</div>
<div id="collapseOne" class="accordion-body collapse">
<div class="accordion-inner">
...
</div>
</div>
</div>
</template>
そして、ここにメインがあります:
void main() {
OrderList().then((order_data) {
query("#order_name").model = order_data;
print (queryAll(".accordion-heading")); //null
}).catchError((err) => print(err));
query("#my-button").onClick.listen((Event e) {
print (queryAll(".accordion-heading")); //[div,div]
});
}
OrderList は HttpRequest.getString() のラッパーであり、future を返します。私が考えたのは、WebComponenentsReady のようなイベントを使用して、テンプレートが完全にインスタンス化されたことを知ることでした。基本的な質問は、メインの .accordion-heading div にアクセスして、リスナーをアタッチできるようにするにはどうすればよいかということです。