javascript - polymer - 结束绑定(bind)事件时 dom-repeat？

Question

我有一个简单的问题，因为我经过长时间的搜索没有找到这个。

场景:

加载组件时，我会进行 AJAX 调用以从 API 获取数据。通话结束后，我将数据放入用于 dom-repeat 的属性中。在 dom-repeat 结束渲染后，我想对其中的元素进行一些操作。即使在 AJAX 调用结束之前也会调用 Read()。还有其他方法可以处理吗？

Answer 1

您可以将 dom-change 事件与 debounce 结合起来以获得您想要的结果。

<template is='dom-repeat' items='[[items]]' on-dom-change='_handleDomChangeEvent'>
...
</template>

...

_handleDomChangeEvent: function() {
  this.debounce('domEndEvent', function() {
    // dom-repeat has finished rendering
  }, 100)
}

这可以被认为是脆弱的 - 如果 dom-change 事件在超过 100ms 的跨度之间触发，去抖动器将触发两次。然而，出于实际目的，DOM 更改不太可能需要那么长时间才能完成。