Backbone.js 如何通过backboneview显示列表?

Backbone.js 如何通过backboneview显示列表?,backbone.js,Backbone.js,这是我的第一个主干代码: 如何在此处显示我的列表: <title>list</title> <ul id="container"> <li> <%- name %> </li> </ul> jsiddle:首先创建模板。在下面的FIDLE中,它是带有ID列表模板的模板。 然后可以编译模板,向其中添加数据并渲染视图。 检查更新的小提琴 要了解下划线模板的工作原理,请尝试 var

这是我的第一个主干代码:

如何在此处显示我的列表:

<title>list</title>
<ul id="container">
    <li>
        <%- name %>
    </li>
</ul>

jsiddle:

首先创建模板。在下面的FIDLE中,它是带有ID列表模板的模板。 然后可以编译模板,向其中添加数据并渲染视图。 检查更新的小提琴

要了解下划线模板的工作原理,请尝试

  var app = {}; // create namespace for our app

        app.Mymodel = Backbone.Model.extend({
            defaults:
        {
            name: ''
        }
        });

        app.List = Backbone.Collection.extend({
            model: app.Mymodel,
            localStorage:new Store('vandaag')
        });

        // renders individual todo items list (li)
        app.MyView = Backbone.View.extend({
            el: '#container',
            initialize: function () {
                app.list = new app.List();
                app.list.add({ name: 'piet' });
                app.list.add({ name: 'ed' });
                this.render();
            },
            render: function(){
                this.$el.append(app.list);

                //var view = new app.MyView({ model: new app.Mymodel({name:'ed',city:'ny'}));
                //$('#todo-list').append(view.render().el);
            }
        });

        app.myView = new app.MyView();