Ember.js belongsTo關係未定義，但已安裝多個陣列

Question

在Django REST適配器中使用ember-data。遇到問題基礎上setupController接受模特的關係設置控制器的內容掛鉤

我把破發點，他們在這個順序去：

1. ArtistRoute.model
2. ArtistTrackRoute.model
3. ArtistRoute .setupController
4. ArtistTrackRoute.setupController

請參閱這些函數中的註釋以獲取更多信息/問題。

一個軌道的主要藝術家的軌道 - >屬於關聯 - >專輯 - >屬於關聯 - >藝術家

藝術家： 藝術家 - >的hasMany - >專輯

專輯 專輯 - >屬於關聯 - >藝術家 專輯 - >的hasMany - >跟蹤

軌道 跟蹤 - >屬於關聯 - >專輯

我檢查了我的API輸出，資源鏈接絕對在那裏。

這裏是我的模型：

App.Album = DS.Model.extend({ 
    'title' : DS.attr('string'), 
    'slug' : DS.attr('string'), 
    'year' : DS.attr('number'), 
    'type' : DS.attr('string'), 
    'image' : DS.attr('string'), 
    'genre' : DS.attr('string'), 
    'tracks' : DS.hasMany('App.Track'), 
    'artist' : DS.belongsTo('App.Artist') 
}); 

App.Track = DS.Model.extend({ 
    'title' : DS.attr('string'), 
    'slug' : DS.attr('string'), 
    'artists_titles' : DS.attr('string'), 
    'artists_ids' : DS.attr('string'), 
    'artists_slugs' : DS.attr('string'), 
    'year' : DS.attr('number'), 
    'genre' : DS.attr('string'), 
    'label' : DS.belongsTo('App.Label'), 
    'album' : DS.belongsTo('App.Album'), 
    'creator' : DS.attr('number'), 
    'created' : DS.attr('date'), 
    'modified' : DS.attr('date'), 
}); 

App.Artist = DS.Model.extend({ 
    'title' : DS.attr('string'), 
    'image' : DS.attr('string'), 
    'slug' : DS.attr('string'), 
    'genre' : DS.attr('string'), 
    'creator' : DS.attr('number'), 
    'created' : DS.attr('date'), 
    'modified' : DS.attr('date'), 
    'absoluteUrl' : DS.attr('string'), 
    'resourceUri' : DS.attr('string'), 
    'albums' : DS.hasMany('App.Album'), 
    'getImageURL' : function() { 
     return (this.get('image')) ? '/static/img/' + this.get('image') + '.jpg' : false; 
    }.property('image') 
}); 

這裏是我的路線：

App.ArtistRoute = Ember.Route.extend({ 
    'model' : function(params) { 
     // here first 
     return App.Artist.find(params.artist_id); 
    }, 
    'serialize' : function(model) { 
     "use strict"; 
     return { 
      'artist_id' : model.get('id'), 
      'artist_slug' : model.get('slug') 
     }; 
    }, 
    'setupController' : function(controller, artist) { 
     // here third... 
     // I inspected artist._data 
     // artist._data.hasMany.albums = [1] 
     this.controllerFor('artist').set('content', artist); 
    } 
}); 

App.ArtistTrackRoute = Ember.Route.extend({ 
    'model' : function(params) { 
     // here second 
     return App.Track.find(params.track_id); 
    }, 
    'serialize' : function(model) { 
     "use strict"; 
     return { 
      'track_id' : model.get('id'), 
      'track_slug' : model.get('slug') 
     } 
    }, 
    'setupController' : function(controller, track) { 
     // here fourth... I inspected the track data object 
     // track._data.belongsTo.album == undefined 

     // what I'm trying to achieve here is to set the album 
     // controller based on the belongsTo relationship 
     // this.controllerFor('album').set('content', track.get('album')) 
     this.controllerFor('track').set('content', track); 

    } 
}); 

此外，在ArtistAlbumRoute.setupController設置斷點，我注意到，album._data.hasMany.tracks == [1] 但是album._data.belongsTo.artist == undefined .... wtf？！？！？！

我仍然很難包圍我的頭，所以任何額外的建議非常感謝。謝謝！

此外，頁面加載後，我打開控制檯，我會輸入什麼訪問控制器來查看設置？

Answer 1

原來擁有的一切與我Tastypie資源設置...

https://github.com/escalant3/ember-data-tastypie-adapter/issues/18

我TrackResource是這樣的：

class TrackResource(ModelResource): 

    album = fields.ToOneField('samped.api.resources.AlbumResource', 'album') 

    class Meta: 
     queryset = Track.objects.all() 

所有我需要做的就是添加「 _id「發送到相冊

class TrackResource(ModelResource): 

    album_id = fields.ToOneField('samped.api.resources.AlbumResource', 'album') 

    class Meta: 
     queryset = Track.objects.all() 

然後我就可以這樣做了：

App.ArtistTrackRoute = Ember.Route.extend({ 
    'model' : function(params) { 
     return App.Track.find(params.track_id); 
    }, 
    'serialize' : function(model) { 
     "use strict"; 
     return { 
      'track_id' : model.get('id'), 
      'track_slug' : model.get('slug') 
     } 
    }, 
    'setupController' : function(controller, track) { 
     this.controllerFor('track').set('content', track); 
     this.controllerFor('album').set('content', track.get('album')) 
    } 
});