我正在为城市公交时间表开发带有主干和车把的应用程序。一站式服务的模型是:
define(["jquery", "underscore", "backbone"],
function ($, _, Backbone){
var stop = Backbone.Model.extend({
defaults : {
id : "23",
lon : "43,465187",
lat : "-80,522372",
listabus : ["80", "83", "106"]
}
});
return stop;
});
其中“ Listabus”是在23号车站附近通过的所有公共汽车的清单。我不知道如何在模板中循环数组...救救我! :D谢谢你的建议
最佳答案
这是您的html:
<!-- below is your template !-->
<script id="bus-stops" type="text/x-handlebars-template">
<ul>
{{#each stops}}
<li>{{this}}</li>
{{/each}}
</ul>
</script>
<!-- result container !-->
<div id="result"></div>
和js代码
var BusStop = Backbone.Model.extend(),
busStop = new BusStop({stops: ['a', 'b', 'c']});
template = $('#bus-stops').html(),
compiler = Handlebars.compile(template),
html = compiler({stops: busStop.get('stops')});
$('#result').html(html);
抱歉,jsfiddle无法与车把配合使用