복잡한 jQuery 템플릿

일부 간단한 데이터 구조에서는 jQuery 템플릿을 사용하는 것이 쉽습니다.복잡한 jQuery 템플릿

<script type="jquery/x-jquery-tmpl" id="myTemplate"> 
    <li> ${Element} </li> 
</script> 

var elements = [ 
    { Element: "Hydrogen" }, 
    { Element: "Oxygen" }, 
    { Element: "Nitrogen" } 
]; 

$("#elementsPlaceholder").replaceWith($("#myTemplate").tmpl(elements));

그러나 더 복잡한 데이터를위한 템플릿이 필요한 경우? 예 :

<script type="jquery/x-jquery-tmpl" id="myTemplate"> 
    <div> ${Molecule} </div> 
    consists of: 
    <ul> 
     <li> ${Element} </li> 
    </ul> 
</script>

어떻게 데이터를 적용 할 수 있습니까? 가능한가? 예를 보여 주시겠습니까?

출처

2011-09-13 Agzam

<ul> 
    <li> ${Element} </li> 
</ul>

$("#elementsPlaceholder").replaceWith($("#myTemplate").tmpl({ 
    Molecule: ... 
    Elements: [{ Element: "Hydrogen" }, ...] 
}))

출처

2011-09-13 16:45:33

대기 ... 나는 그것을하지 않았다 당신이 분자 요소를 모두 통과 한 후 {{each}}

<ul> {{each Elements}}<li>${$value.Element}</li> </ul>

과를 사용해야합니다 .. 당신이 보내 주시기 바랍니다 수 나에게 예제로의 링크 – Agzam

@Agzam, http://api.jquery.com/template-tag-each/ –

@Agzam, 여러분 환영합니다. 행복한 templating. –

복잡한 jQuery 템플릿

답변

관련 문제