2013-02-11 2 views
0

나는 icanhaz.js 템플릿을 사용하고 있는데 템플릿에 의해 생성 된 목록 내에서 각 <li>에 클래스 이름을 부여 할 수 있는지 알 수 있는지 궁금합니다. 예를 들어ICanHaz.js 이름은 각각?

:

<script id="testLI" type="text/html"> 
     <li class="list-1"> 
     <p>Name: {{ name }}</p> 
     <p>Here Now: {{ count }}</p> 
     <p>ID: {{ id }}</p> 
     </li> 
    </script> 

나는 각 <li> 등등 '목록-1', '목록-2', '목록-3'의 클래스가 있고, 가질 수 있다면.

답변

1

구현 방법을 잘 모릅니다. 그러나 당신은 당신의 데이터를 반복해야하고, 당신은 반복문을 가지고 있습니다. 매번 카운터를 늘리고 {{index}}에 배치하십시오.

<script id="testLI" type="text/html"> 
    <li class="list-{{index}}"> 
    <p>Name: {{ name }}</p> 
    <p>Here Now: {{ count }}</p> 
    <p>ID: {{ id }}</p> 
    </li> 
</script> 

예 루프

for (var i = 1; i < data_var.length; i++) { 
    var data = { 
    index: i, 
    name: "name", 
    count: "count", 
    id: "id" 
    } 
    // Do whatever you need with data. 
    // html = ich.listLI(data) 
}