Templates 主干、stackmob子模型-呈现为html

我真的是一个新手，所以在这方面的任何帮助都将是非常棒的，甚至只是给我指出一些与此相关的资源的方向

我曾尝试制作小提琴，但效果与我的机器不一样：

基本上，我需要做的是将对象数组（见下图）作为模板的一部分进行渲染

这是我正在渲染的视图：

var ListView = Backbone.View.extend({

    tagName: 'ul',
    className : 'nav nav-list',

    initialize: function() {
        this.collection.bind('all', this.render,this);
        this.template = _.template($('#item-list').html());
    },

    render:function (eventName) {
        $(".bike_list ul").empty();

        this.collection.each(function(bike){
            this.$el.append(this.template(bike.toJSON()));
        },this);

        return this;
    }
});

---

因此，要看到问题所在，请将代码从此小提琴中复制并粘贴到html文档中。

我强烈建议在主干上为您节省大量用于管理视图的锅炉板。

您可以在模板中使用内联javascript，并循环通过

part\u rel

数组，并相应地渲染对象。代码如下所示：

 <% _.each(part_rel,function(part) {   %>
   <li> 
     Part Name: <%= part.name %>
     After Hp:  <%= part.after_hp %>
   </li>
 <% }); %>

零件名称：
Hp之后：

以下是添加到模板中的代码：

<script type="text/template" id="item-list">
  <li class="<%= model %>">
    <strong>Bike ID:</strong>      <%= bikes_id %><br>
    <strong>Model:</strong>        <%= model %><br>
    <strong>Before cc:</strong>    <%= before_cc %><br>
    <strong>Before ci:</strong>    <%= before_ci %><br>
    <strong>Before HP:</strong>    <%= before_hp %><br>
    <strong>Before torque:</strong><%= before_torque %><br>
    <strong>Related parts:</strong><ol>                                
                                     <% _.each(part_rel,function(part) {   %>
                                       <li> 
                                         Part Name: <%= part.name %>
                                         After Hp:  <%= part.after_hp %>
                                       </li>
                                     <% }); %>
                                   </ol>
    <br><br>
  </li>
</script>

自行车ID:

型号：

抄送前：

在ci之前：

HP之前：

扭矩前：

相关部分：

零件名称：
Hp之后：

---

请仔细阅读下划线的文档以了解更多信息。另外，这里还有一个工作示例。

您可以分解JSFIDLE。如果在呈现集合中的项时遇到问题，请从简单视图中的一些虚拟数据和硬连接模板开始。彻底阅读文档也是一个良好的开端。