collection.each() không lặp qua các mô hình

Question

Tôi đang cố gắng lặp qua các mô hình được tìm nạp theo bộ sưu tập.

Tôi đã folowing đoạn mã:

initialize: function() { 
       this.collection = new UserCollection(); 
       this.collection.fetch(); 
       this.render(); 
      }, 

      renderCollection: function() { 
       console.log("rendering collection"); 
       this.collection.each(function(index,model){ 
        console.log("model"); 
       }); 
       console.log(this.collection); 
      }, 

render: function() { 
       this.template = _.template(template, {}); 
       this.$el.html(this.template); 
       // some other stuff 
       this.renderCollection(); 
} 

và kết quả:

rendering collection 

d {models: Array[0], length: 0, _byId: Object, constructor: function, model: function…} 
_byId: Object 
_idAttr: "id" 
length: 4 
models: Array[4] 
0: d 
_changing: false 
_events: Object 
_pending: false 
_previousAttributes: Object 
attributes: Object 
created: "2013-02-13 09:22:42" 
id: "1" 
modified: "2013-02-13 09:22:42" 
role: "admin" 
username: "email@gmail.com" 
__proto__: Object 
changed: Object 
cid: "c5" 
collection: d 
id: "1" 
__proto__: e 
1: d 
2: d 
3: d 
length: 4 
__proto__: Array[0] 
__proto__: e 
user_list.js:25 

Vì vậy, các phương pháp lấy làm việc - ở bãi đối tượng tôi có thể tìm thấy 4 hồ sơ lấy nhưng lặp trong bộ sưu tập không không hoạt động ...

Answer 1

Dựa trên đầu ra bạn cung cấp, có vẻ như không có bất kỳ "mẫu" nào đã được in. Điều này có thể do, khi khối .each() được thực thi, this.collection có thể chưa được tìm nạp hoàn toàn. Điều này là do tính chất không đồng bộ của JavaScript.

Hãy thử điều này trong phương thức khởi của bạn:

initialize: function() { 
    var me = this; 
    this.collection = new UserCollection(); 
    // Listen to 'reset' events from collection, so when .fetch() is completed and all 
    // ready to go, it'll trigger .render() automatically. 
    this.listenTo(this.collection, 'reset', this.render); 
    this.collection.fetch(); 
}, 

Một cách khác để xử lý này là thêm một handler thành công trên lấy, nhưng tôi nghĩ rằng nghe để thiết lập lại các sự kiện nên là đủ trong trường hợp này.

Hy vọng điều này sẽ hữu ích!

BTW, như Cyclone cho biết, trình xử lý cho .each chỉ là một mô hình không có chỉ mục. :)

Answer 2

Làm each trên bộ sưu tập cung cấp cho model chính nó là argument.

Hãy thử điều này:

this.collection.each(function(model){ 
    console.log(model); 
}); 

Nó sẽ cung cấp cho bạn những model cho lặp hiện hành.