提问者:小点点

插入带有余烬模型的图像


我有一个余烬应用程序,我通过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";

共1个答案

匿名用户

似乎您的模型定义缺少avatar_url属性。

App.Shot = Ember.Model.extend({
  name: Ember.attr(),
  avatarUrl: Ember.attr()
});