Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Backbone.js 带集合的主干渲染_Backbone.js_Requirejs - Fatal编程技术网

Backbone.js 带集合的主干渲染

Backbone.js 带集合的主干渲染,backbone.js,requirejs,Backbone.js,Requirejs,我开始学习requirejs的主干 我在网上学习了一些教程,现在我有点怀疑。 当我从Json获取数据时,将我打印到控制台日志中的行太多,如果在我的Json中有4个元素,它将打印我4*4个元素。 这是我的代码: 收藏: define(['backbone', 'models/todo'], function(Backbone, TodoModel){ var todoCollection = Backbone.Collection.extend({ model: Todo

我开始学习requirejs的主干

我在网上学习了一些教程,现在我有点怀疑。
当我从Json获取数据时,将我打印到控制台日志中的行太多,如果在我的Json中有4个元素,它将打印我4*4个元素。
这是我的代码:

收藏:

define(['backbone', 'models/todo'], function(Backbone, TodoModel){

    var todoCollection = Backbone.Collection.extend({
        model: TodoModel,
        url:'json/todos.json',
        parse: function(data){
            return data.result;
        }
    });

    return todoCollection;
});
应用程序:

Json:

输出到控制台:

initialize AppView app.js:8
Data is fetched app.js:14
4
Initialized Todo model todo.js:7
Data is fetched app.js:14
Todo1 app.js:16
Todo2 app.js:16
Todo3 app.js:16
Todo4 app.js:16
Data is fetched app.js:14
Todo1 app.js:16
Todo2 app.js:16
Todo3 app.js:16
Todo4 app.js:16
Data is fetched app.js:14
Todo1 app.js:16
Todo2 app.js:16
Todo3 app.js:16
Todo4 app.js:16
Data is fetched app.js:14
Todo1 app.js:16
Todo2 app.js:16
Todo3 app.js:16
Todo4 app.js:16
Data is fetched app.js:14
Todo1 app.js:16
Todo2 app.js:16
Todo3 app.js:16
Todo4 app.js:16
为什么有这么多的台词? 我期望这样的输出:

initialize AppView app.js:8
Data is fetched app.js:14
4
Initialized Todo model todo.js:7
Data is fetched app.js:14
Todo1 app.js:16
Todo2 app.js:16
Todo3 app.js:16
Todo4 app.js:16
我不明白这一点。有人能解释我错了什么吗? 谢谢

您的问题在这里:

this.todos.bind('all',this.render, this);
您正在绑定到所有事件,这些事件会多次调用this.render

请尝试以下方法:

this.todos.bind('sync', this.render, this);
或者,更好的是:

this.todos.on('sync', this.render, this);

啊,你这个土匪,我正要发布一模一样的东西!=)+1或者更好:
this.listenTo(this.todos,'sync',this.render)
this.todos.bind('sync', this.render, this);
this.todos.on('sync', this.render, this);