Ember中的Bootstrap 3网格使用#each使用关系模型

Question

我正在寻找在Ember Handlebar模板的{{#each}}迭代器中包含行和设备敏感列的引导网格的实现。

似乎没有办法查找迭代器索引值以添加引导行。

我找到了这个帖子，但解决方案似乎不适用于关系模型。 How to render a (Twitter Bootstrap) grid using Ember.js and Handlebars.js?

我的模型有2个对象（使用RESTAdapter从服务器填充）。

1. 容器对象

   • ID
   • 名称
   • 图片（使用DS.hasMany链接）

2. 项目对象

   • ID
   • 名称
   • 容器（使用DS.belongsTo链接）

在查看可能包含许多项目的单个容器时，我需要这样做。这是所需的输出（从其他SO问题编辑）：

<h2>Container Name</h2>
<div class="row-fluid">
<div class="col-md-4">Item #1 (row #1 / column #1)</div>
<div class="col-md-4">Item #2 (row #1 / column #2)</div>
<div class="col-md-4">Item #3 (row #1 / column #3)</div>
</div>
<div class="row-fluid">
<div class="col-md-4">Item #4 (row #2 / column #1)</div>
<div class="col-md-4">Item #5 (row #2 / column #2)</div>
<div class="col-md-4">Item #6 (row #2 / column #3)</div>
</div>
<div class="row-fluid">
<div class="col-md-4">Item #7 (row #3 / column #1)</div>
</div>