如何确定聚合物中的组件准备就绪的时间？

Question

例如，我的组件带有内部dom-repeat模板。 我需要知道所有内部元素何时准备就绪，然后再执行一些操作。 但是在内部模板准备就绪之前，就绪的和附加的处理程序将触发。 我该怎么做呢？ 谢谢！

  <template>
    <div class="b-item-content">     
      <span class="b-item-content-theme">[[subject]]</span>
      <span class="b-item-separator">[[separator]]</span>
      <span class="b-item-content-text">[[snippet]]</span>
      <div class="b-item-attachments">
      <div>{{attachments}}</div>
        <template is="dom-repeat" items="[[attachments]]">
          <!--[[_constructAttachment(item)]]-->
          <attachment-item item="[[item]]"></attachment-item>
        </template>
      </div>    
    </div>     
  </template>

主要问题..如果我有一个包含100个内部自定义元素的元素，这些元素与我的父元素具有绑定，并且父元素的模型已更改。 那么当所有内部自定义元素都呈现出来时，我该如何赶时间呢？ 谢谢

Answer 1

这可能会帮助您：

window.addEventListener('WebComponentsReady', function(e) {
  // imports are loaded and elements have been registered
  console.log('Components are ready');
});`

在这里和这里，您将找到有关它的信息。