骨幹這是undefined

Question

我一直有骨幹的問題，並問了幾個人的幫助，但沒有運氣到目前爲止。

我創建一個新的集合這樣

let eventsCollection = new BandEvents({artist: 'Muse'}); 

在收集，我做這

const BandEvents = Collection.extend({ 
    model: Artist, 
    url: 'http://api.bandsintown.com/artists/' + this.artist + '/events.json?api_version=2.0&app_id=SomeID', 

}); 

當我運行這段代碼，我得到以下錯誤在瀏覽器控制檯

Uncaught TypeError: Cannot read property 'artist' of undefined 

所以這在+ this.artist +是未定義的。我不知道我在做什麼錯。

Answer 1

This is undefined because the collection is not instantiated when you set url here。我建議使用URL功能，如果你需要有一個是動態的：http://backbonejs.org/#Collection-url

Answer 2

這是我如何解決它

我改變

let eventsCollection = new BandEvents({artist: 'Muse'}); 

到

let eventsCollection = new BandEvents($('#artist-input').val()); 

（我需要從輸入字段中獲取藝術家姓名）

並更改了

const BandEvents = Collection.extend({ 
    model: Artist, 
    url: 'http://api.bandsintown.com/artists/' + this.artist + '/events.json?api_version=2.0&app_id=SomeID', 

}); 

到

const BandEvents = Collection.extend({ 
    model: Artist, 
    initialize: function (artist) { 
     this.url = `http://api.bandsintown.com/artists/${artist}/events.json?api_version=2.0&app_id=ShowEvents`; 
    } 
}); 

爲此，我使用ES6的Template Literals