백본 fetch()는 항상 동일한 모델을 반환합니다.

Question

어떤 이유로 든 listView 페이지에서 항목을 선택한 후에 올바른 ID가 전달되는 것을 볼 수는 있지만 내 코드는 항상 동일한 모델을 반환합니다. model.id이 다른 곳

// main.js (relavent function) 

    venueDetails: function (id) { 
     // here, id is correct 
     var venue = new Venue({_id: id}); 
     venue.fetch({success: function(){ 
      // here, the id of venue is changed for some reason 
      console.log(venue.id); 
      $("#content").html(new VenueView({model: venue}).el); 
     }}); 
     this.headerView.selectMenuItem(); 
    }, 

모델 , 사진에서

// model.js (relavent model) 

    var base = 'http://localhost:3000'; 

    window.Venue = Backbone.Model.extend({ 
     urlRoot: base+"/venues", 
     idAttribute: "_id", 
    }); 

    window.VenueCollection = Backbone.Collection.extend({ 
     model: Venue, 
     url: base+"/venues?populate=true" 
    }); 

, 당신은 볼 수 뭐죠 URL에

편집 : 추가 라우터 매핑

var AppRouter = Backbone.Router.extend ({

Answer 1

venue.fetch이 특정 유형의 전화를 걸고있는 것 같기 때문에 _id 속성이 모델에서 올바르게 액세스되는지 알 수 없습니다.

window.Venue = Backbone.Model.extend({ 
     urlRoot: base+"/venues", 
     idAttribute: this.options._id, 
    }); 

을 (그리고 옵션 해시에서 ID를 당겨)

을 그리고 작동하지 않는 경우 idAttribute 동적으로 선언하려고 :

아마 시도

window.Venue = Backbone.Model.extend({ 
     urlRoot: base+"/venues", 
     idAttribute: function() { return this.options._id }, 
    }); 

Answer 2

이

var base = 'http://localhost:3000'; 

나쁜 생각, 완전히 불필요합니다. 그냥 완전히 제거하십시오. '/ venues'와 같은 절대 경로를 URL로 사용하면 앱이 어디에서 실행 되든 관계없이 제대로 작동합니다.

코드와 스크린 샷 사이에는 2 개의 다른 포트가 있습니다. 올바른 애플리케이션 서버와 통신하고 있습니까?

그렇지 않은 경우 서버 측 코드에서 버그를 확인 했습니까? 데이터베이스를 쿼리 할 때 서버 측 코드가 잘못된 값을 사용하는 것처럼 간단 할 수 있습니다.