在Django REST适配器中使用ember-data。遇到问题基础上setupController接受模特的关系设置控制器的内容挂钩Ember.js belongsTo关系未定义,但已安装多个阵列
我把破发点,他们在这个顺序去:
- ArtistRoute.model
- ArtistTrackRoute.model
- ArtistRoute .setupController
- 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?!?!?!
我仍然很难包围我的头,所以任何额外的建议非常感谢。谢谢!
此外,页面加载后,我打开控制台,我会输入什么访问控制器来查看设置?