Question

应用/模型/ product.js

import DS from 'ember-data';

var Product = DS.Model.extend({
  name: DS.attr('string'),
  pictures: DS.hasMany('picture', { async: true })
});

export default Product;

应用/模型/ pictures.js

import DS from 'ember-data';

var Picture = DS.Model.extend({
  url: DS.attr('string'),
  alt: DS.attr('string')
});

export default Picture;

在product索引视图中，我可以使用以下代码显示所有pictures：

{{#each picture in product.pictures}}
  <img {{bind-attr src=picture.url}} alt="example">
{{/each}}

如何只显示第一个picture？

Answer 1

以下内容对您有用：

<img src={{product.pictures.firstObject.url}} alt="example">

属性firstObject和lastObject在Ember中可用。

另请注意，您不再需要使用bind-attr。

显示has_many关系的第一个元素

1 个答案: