我怎么知道模板重复已经完成? [英] How can I know that Template Repeat has finished?

问题描述

元素需要一些时间来进行模板重复渲染，以呈现所有内容，因此使用纸张旋转器来通知用户等待.

Element needs some time for template-repeat to render all content, so paper-spinner is used to notify the user to wait.

我怎么知道模板重复已经完成，所以我可以关闭微调器?

How can I know that template-repeat has finished so I can turn off the spinner?

和相关的问题:如何选择内部元素"item-details"?同样，必须先完成模板重复.

And related question: how can inner element "item-details" be selected? Again, template-repeat has to be finished first.

这是我正在使用的代码:

Here's the code I am using:

<polymer-element name="item-list">

  <template>
    <paper-spinner active></paper-spinner>

    <template id="repeat_items" repeat="{{ item  in  car.items }}">
         <item-details id="item_details" item="{{item}}"></item-details>
    </template>....

这是问题的模拟: plnkr.co

修改

研究链接:

旋转示例

为什么突变在第一次突变后会断开?

polymer-how-to-watch-change -in-content-properties

推荐答案

我建议使用类似的方法- http: //jsbin.com/bifene/4/edit

I suggest something like this - http://jsbin.com/bifene/4/edit

利用Polymer的onMutation函数监视DOM节点的更改.请注意，它只会被调用一次，因此您每次加载新商品时都需要重新注册&重新启动微调器.

Leverages Polymer's onMutation function to watch for changes to a DOM node. Note that it only gets called once so you'll need to re-register it every time you load new items & restart the spinner.

这篇关于我怎么知道模板重复已经完成?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！