2016-03-08 63 views
-1

我建立我的第一個燼應用程序,我不能得到的模型數據,從我的歌去莫代爾我的歌模板...灰燼模型數據沒有出現在模板

router.js

import Ember from 'ember'; 
import config from './config/environment'; 

const Router = Ember.Router.extend({ 
    location: config.locationType 
}); 

Router.map(function() { 

    this.route('songs'); 
    this.route('song', {path: 'songs/:song_trackId'}); 
}); 
export default Router; 

這裏是我的songs.js其正常顯示

<div>songs</div> 

{{#each model as |song|}} 
    {{#link-to 'song' song}} 
     <img height='100px' width='100px' src = '{{song.artworkUrl100}}'> 
     <div>{{song.trackId}}</div> 
    {{/link-to}} 
{{/each}} 

{{outlet}} 

這裏是我的歌路線..

import Ember from 'ember'; 

var data = { 
"results" : [ 
    {"wrapperType":"track", "kind":"song", "artistId":148662, "collectionId":528436018, "trackId":528437613,...... 
. 
. 
. 
]} 

export default Ember.Route.extend({ 
    model: function(){ 
     return data.results; 
    } 
}); 

最後...歌曲模板,其中,當用戶點擊

<div>HI</div> 

<div> ArtistId: {{artistId}} </div> 
<div> trackId: {{trackId}} </div> 
<div> Kind: {{kind}} </div> 


{{outlet}} 

的數據應該去我不認爲鏈接到是設置不當。我是否在路由器中錯誤地引用動態歌曲?

回答

0

我沒有定義的歌曲路線模型....

所有我需要做的是建立在如下歌路線的典範..

我離開了數據的對象,但一般來說,我不得不傳入參數,然後用模型在這裏抓住它來找到我正在尋找的物體,並使用過濾器

export default Ember.Route.extend({ 

    model: function(params) { 

    var index = data.results.filter(function(obj){ 
     return obj.trackId == params.song_trackId 
    }) 
    var values = index[0] 

    return values 
} 

});