템플릿 반복을 사용할 때 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을 직접 관리하면 안됩니다. 대신, 데이터 모델로 조정하십시오.

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

또는 인라인 style을 설정하여 비슷한 할 : 예를 들어, 동적으로 설정하는 특성에 따라 이미지에 "쇼"클래스를 적용 할 수 있습니다.