我有自定义元素
<maillist-chain-extended id="chain_extended" messages="{{maillist}}"></maillist-chain-extended>
每次属性&#34;消息&#34;更改后,所有内部元素都会自行重绘。
<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
事件处理程序on将处理内部元素的所有dom-change
事件,我该怎么做呢?我需要在所有内部DOM准备就绪时触发的事件。
谢谢
答案 0 :(得分:1)
使用ready
回调或使用this.fire('event', data)
在执行任何DOM操作后,使用Polymer.dom.flush()
到interrogate the DOM。