templates - 您怎么知道何时在Polymer dart中初始化模板？

Question

Polymer js文档说，您必须侦听WebComponentsReady事件才能知道何时设置了Polymer元素。 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的事件来了解何时完全实例化模板。基本问题是如何在main中到达.accordion-heading div，以便可以将侦听器附加到它们上？

Answer 1

我假设您正在使用boot.js。如果是，则应在程序输入main()时对其进行初始化。