在 Ember 中使用 Picnicss 创建缩略图图片网格答案

【问题标题】：Creating Thumbnail Picture grid in Ember using Picnicss在 Ember 中使用 Picnicss 创建缩略图图片网格
【发布时间】：2015-07-28 03:34:13
【问题描述】：

我正在开发一个项目，使用它的一个组件来野餐那张卡片。我正在尝试构建这样的图片缩略图：

X X X X X
X X X X X
X X X X X

其中 x 可能是 200px * 200px 的图片

当我尝试以下操作时：

<div class="row">
  {{#each model}}
    <div class="third">
      <article class="card">
        <img {{bind-attr src="someimage"}}>
      </article>
    </div>
  {{/each}}
</div>

它不会显示我所有的图像。如何让{{#each}} 知道每 7 个数据需要开始一个新行？

【问题讨论】：

感谢大家编辑我的问题，抱歉我的英语不好

标签： javascript css ember.js

【解决方案1】：

所以我回答我的问题。我使用数组分隔路由中的数据，因此数组将有行和列，然后我可以在模板中迭代数组

【讨论】：

【解决方案2】：

model 路由内部的钩子应该返回从外部服务（您的后端）获取的原始数据。

第一个案例

你只需要这个数据用于特定的一个目的，你可以在afterModel钩子里面做数据格式操作。

第二种情况

数据由同一路由 (URL) 内的多个组件共享。让组件通过创建一个根据您的需要格式化数据的计算属性来弄清楚如何显示数据。

【讨论】：