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

debugcn 发表于 Dev

trebek1

我正在构建我的第一个余烬应用程序，无法将模型数据从我的歌曲模态转到我的歌曲模板...

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

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

trebek1

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

我需要做的就是在歌曲路径中建立一个模型，如下所示。

我省略了数据对象，但通常我必须传递参数，然后在此处使用模型进行抓取，以使用过滤器找到我要查找的对象

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
 }

});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。