Ember 模型数据未显示在模板中

Question

我正在构建我的第一个 ember 应用程序，但我无法获取从我的歌曲模态到我的歌曲模板的模型数据...

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}}

我不认为 link-to 设置不正确。我在路由器中错误地引用了动态歌曲吗？

Answer 1

我没有定义歌曲路由模型....

我需要做的就是在歌曲路线中建立一个模型如下..

我遗漏了数据对象，但通常我必须传入参数，然后使用此处的模型抓取它，以使用过滤器找到我正在寻找的对象

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
 }

});

Ember 模型数据未显示在模板中

Ember model data not showing up in template

javascript

ember.js

ember-data

url-routing

ember-cli