javascript - 当自定义元素中的所有内部绑定(bind)在 Polymer 中准备就绪时，如何获取事件？

Question

我有自定义元素

<maillist-chain-extended id="chain_extended" messages="{{maillist}}"></maillist-chain-extended>

每次属性“messages”发生变化时，所有内部元素都会重新绘制自身。

 <dom-module id="maillist-chain-extended">
      <template>
      <paper-material elevation="4" id="maillist-chain-extended">
        <array-selector id="array_selector" items="{{messages}}" selected="{{actual_chain}}" toggle></array-selector>
        <maillist-chain-header content="{{actual_chain}}"></maillist-chain-header>
        <div class="b-maillist-chain-quantity">{{actual_chain.Messages.length}}</div>
        <template is="dom-repeat" items="{{actual_chain.Messages}}" as="chain_item">
          <div class="b-maillist-chain-item-wrapper">
            <maillist-chain-item-header item-content="{{chain_item}}"></maillist-chain-item-header>
            <maillist-chain-item-full item-content="{{chain_item}}"></maillist-chain-item-full>         
          </div>
        </template>
      </paper-material>
    </template>
    </dom-module>

我想在所有内部模板都被标记后对其 DOM 进行一些更改，但是如果 dom-change 事件处理程序将处理所有 dom-change 内部元素的事件？我需要 1 个在所有内部 DOM 准备就绪时触发的事件。

谢谢

Answer 1

使用ready回调或使用this.fire('event', data)触发自定义事件

或

使用Polymer.dom.flush()到interrogate the DOM在执行任何 DOM 操作之后。