Ember.js 如何解释每个循环?
我试图用Ember.js 如何解释每个循环?,ember.js,Ember.js,我试图用每个循环进行解释。但我无法提供一个好的解决方案(余烬方式!) 如何处理这个问题 我正在从循环打印16数字。每当索引到达4(索引%4==0)时,我想添加一个连字符。(-) 如何做到这一点 这是我的route.js: import Ember from 'ember'; export default Ember.Route.extend({ model(){ return [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16];
每个循环进行解释。但我无法提供一个好的解决方案(余烬方式!)
如何处理这个问题
我正在从循环打印16
数字。每当索引
到达4(索引%4==0)
时,我想添加一个连字符。(-)
如何做到这一点
这是我的route.js:
import Ember from 'ember';
export default Ember.Route.extend({
model(){
return [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16];
}
});
我的哈佛商学院档案:
<h1>Each with condition </h1>
{{#each model as |num index |}}
{{index}}
{{/each}}
每个都有条件
{{{#每个模型作为| num index}}
{{index}}
{{/每个}}
但我看起来像:
<h1>Each with condition </h1>
{{#each model as |num index |}}
{{index}} {{ if index % 4 == 0 }} -- {{/if}}
{{/each}}
每个都有条件
{{{#每个模型作为| num index}}
{{index}{{if索引%4==0}--{{/if}
{{/每个}}
那么,什么是正确的余烬方法呢
您需要编写自己的助手来实现这一点。我更新了
helpers/my-helper.js
import Ember from 'ember';
export function myHelper([index,position,totalLength]) {
if(index === totalLength-1){
return '';
}
index = index+1;
return index%position === 0 ? " -- ":"";
}
export default Ember.Helper.helper(myHelper);
在application.hbs中
{{#each model as |num index |}}
{{index}}{{my-helper index 4 model.length}}
{{/each}}
得到了。非常感谢你。但是第16位之后的最后一次炒作还是不需要的,怎么去掉呢?你也需要通过totalLength来识别。我刚刚更新了我的答案。有,在有很多预定义的帮助程序可用的地方,你也可以使用切片帮助程序。