我有一个余烬应用程序,我通过api拉取数据。应用程序代码如下所示…
<ul>
{{#each item in model}}
<li>{{item.name}}</li>
{{/each}}
</ul>
… api源数据是json,看起来像这样…
{"shots":[{"id":1,"name":"joe1","avatar_url":"http://s3.amazonaws.com/daily_comedy_app/shots/avatars/000/000/001/original/1_985u645296.jpg?1392926501"},{"id":2,"name":"cgrim1","avatar_url":"http://s3.amazonaws.com/daily_comedy_app/shots/avatars/000/000/002/original/1_O7iwbEe.jpg?1392926554"},{"id":3,"name":"Mac","avatar_url":"http://s3.amazonaws.com/daily_comedy_app/shots/avatars/000/000/003/original/2014-03-06_12.48.16.jpg?1394146693"},{"id":4,"name":"wintas","avatar_url":"http://s3.amazonaws.com/daily_comedy_app/shots/avatars/000/000/004/original/1_O7iwbEe.jpg?1397231591"}]}
上面的代码在我的索引页加载正常,但我无法添加avatar_url。当我尝试…
<ul>
{{#each item in model}}
<li>{{item.avatar_url}}</li>
{{/each}}
</ul>
我什么也没得到……甚至没有通往图像的路径。
我尝试像这里建议的那样插入图像标签…
在Ember. js模板中,如何打印出模型的属性,这些属性将被超文本标记语言使用,例如用于图像的src或用于链接的href
…但是我在浏览器中没有任何东西,控制台中也没有错误。
我错过了什么?
//app. js
App.Shot = Ember.Model.extend({
name: Ember.attr()
});
App.Shot.adapter = Ember.RESTAdapter.create();
App.Shot.url = "myapi.com/api/v1/shots?api_key=12d2d06fb2f6a786ac75b32625cf83a1";
App.Shot.collectionKey = "shots";
似乎您的模型定义缺少avatar_url
属性。
App.Shot = Ember.Model.extend({
name: Ember.attr(),
avatarUrl: Ember.attr()
});