Question

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

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

这是我正确显示的songs.js

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

最后......当用户点击

时数据应该出现的歌曲模板

checked

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

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模型数据未显示在模板中

1 个答案: