当我使用模板重复时我怎么知道Dom准备好了

Question

我使用这个模板。

<template repeat = "{{cover in covers | keys}}">
   <div class ='item'>
     <img src="{{cover}}"></img>
    </div>
</template>

和我的聚合物脚本

   domReady: function () {
      //aplly some css
    }

但是当我调试时，在触发就绪事件时，重复还没有结束，所以我的css样式没有发生变化。

Answer 1

最好知道您尝试添加的CSS。通常，您不应该尝试自己管理<template repeat>的DOM。相反，请使用您的数据模型进行调整。例如，您可以动态应用＆＃34; show＆＃34;基于它设置的属性对图像进行分类：

<template repeat = "{{cover in covers | keys}}">
  <div class ='item'>
     <img src="{{cover}}" class="{{ {show: cover.show} | tokenList }}">
  </div>
</template>

或通过设置内联style来执行类似操作。