Ember.js 余烬,用车把{{{{#每个}把可乐包成一行

Ember.js 余烬,用车把{{{{#每个}把可乐包成一行,ember.js,handlebars.js,client-side-templating,Ember.js,Handlebars.js,Client Side Templating,我用把手{{{每个}} 我需要改变这一点: <div class="col-lg-4">{{somevalue}}</div> <div class="col-lg-4">{{somevalue}}</div> <div class="col-lg-4">{{somevalue}}</div> <div class="col-lg-4">{{somevalue}}</div> <div clas

我用把手{{{每个}} 我需要改变这一点:

<div class="col-lg-4">{{somevalue}}</div>
<div class="col-lg-4">{{somevalue}}</div>
<div class="col-lg-4">{{somevalue}}</div>
<div class="col-lg-4">{{somevalue}}</div>
<div class="col-lg-4">{{somevalue}}</div>
<div class="col-lg-4">{{somevalue}}</div>
<div class="col-lg-4">{{somevalue}}</div>
<div class="col-lg-4">{{somevalue}}</div>
如何将当前索引传递给此帮助程序? 我试着这样做:

 {{#isFourthOpen _view.contentIndex}}
但当我在inspector中查看变量“index”时,我只看到“\u view.contentIndex”作为字符串,而不是值

如果有人有不太复杂的方法,请告诉我

余烬1.9.1
Handlebars 2.0.0

我认为最好将数据分组并使用2个
{{each}

试着这样做:

模板:

{{#each group in groupedItems}}
  <ul>
    {{#each item in group}}
      <li>{{item}}</li>
    {{/each}}
  </ul>
{{/each}}
以下是使用自定义计算属性宏的完整工作示例:

更新 此示例包括与原始问题更相似的操作和标记

模板:
索引
{{#each group in groupedItems}}
  <div class="row">
    {{#each item in group}}
      {{render 'post' item}}
    {{/each}}
  </div>
{{/each}}

你能说得更具体些吗?什么是坏的?在这种情况下,模型-从商店选择。在{{#each}}块中,我使用一些操作来处理模型项。如果我在控制器级别进行分组,操作将不起作用。我不明白。你能用一个不起作用的例子制作一个jsbin吗?这不起作用,但我希望它能解释我所说的动作。嗯,我没有看到任何JavaScript。你保存快照了吗?还要注意,这是一个很好的起点
{{#each group in groupedItems}}
  <ul>
    {{#each item in group}}
      <li>{{item}}</li>
    {{/each}}
  </ul>
{{/each}}
App.IndexController = Ember.Controller.extend({
  groupSize: 3,
  groupedItems: Ember.computed('items.[]', function() {
    var items = this.get('model');
    var grouped = [];
    var groupSize = this.get('groupSize');

    items.forEach(function(item, index) {
      if (index % groupSize === 0) grouped.pushObject([]);
      grouped.get('lastObject').pushObject(item);
    });

    return grouped;
  })
});
{{#each group in groupedItems}}
  <div class="row">
    {{#each item in group}}
      {{render 'post' item}}
    {{/each}}
  </div>
{{/each}}
<div {{bind-attr class=":item isEditing"}}>
  {{model}}

  <div class="actions">
    {{#if isEditing}}
      <a {{action "doneEditing"}}>Done</a>
    {{else}}
      <a {{action "edit"}}>Edit</a>
    {{/if}}
  </div>
</div>