javascript - 使用 Backbone 和 handlebars 在模型中循环数组

Question

我正在为我所在城市的公交车时刻表开发一个带有主干和 Handlebars 的应用程序。一站式的模型是:

    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 感谢建议

Answer 1

这是你的 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 不能与 Handlebars 一起使用