[英]Data template at backbone.js
請告訴我,如果有嵌套數據,如何在Backbone.js中創建模板。
數據示例:
var questions = [
{
id: 0,
question: [
{
id: 101,
text: 'What is your name?',
},
{
id: 102,
text: 'What is your lastname?',
},
{
id: 103,
text: 'What is yout sex?',
},
{
id: 104,
text: 'How old are you?',
},
]
}
];
以及用於輸出的html代碼:
<div id="qu_0" class="questions"><div>
<p><input type="radio" rel="question" name="question_0" id="i101" value="101" /><label for="i101">What is your name?</label></p>
<p><input type="radio" rel="question" name="question_0" id="i102" value="102" /><label for="i102">What is your firstname?</label></p>
<p><input type="radio" rel="question" name="question_0" id="i103" value="103" /><label for="i103">What is your sex?</label></p>
<p><input type="radio" rel="question" name="question_0" id="i104" value="104" /><label for="i104">How old are you?</label></p>
<button type="button" name="next"><b>Answer</b></button>
</div></div>
我知道我應該得到這樣的東西:
<script id="questionTemplate" type="text/template">
<div>
<p><input type="radio" rel="question" name="question_<%= id %>" id="i<%= q.id %>" value="<%= q.id %>" /><label for="i<%= q.id %>"><%= q.text %></label></p>
<button type="button" name="next"><b>Answer</b></button>
</div>
</script>
但是我不知道如何在模板中顯示嵌套的問題數組。 請幫幫我。
您可以像這樣遍歷數組:
<script id="questionTemplate" type="text/template">
<% for(var question in questions) { %>
<div id="qu_<%= question.id %>" class="questions"><div>
<% for(var q in questions,question) { %>
<p><input type="radio" rel="question" name="question_<%= q.id %>" id="i<%= q.id %>" value="<%= q.id %>" /><label for="i<%= q.id %>"><%= q.text %></label></p>
<% } %>
</div></div>
<% } %>
<button type="button" name="next"><b>Answer</b></button>
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.