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>