这是我试图玩的代码。 在我的JS文件中,我有: $ count = 0
在我的HTML中,我正在尝试:
{{#if categories}}
<div id="categories">
{{#each categories}}
{{count = count + 1}}
<div class="category" url="{{url}}">
<div class="category-icon"></div>
<div class="category-name">{{name}}</div>
<span class="category-info"></span>
</div>
{{#if !(count%3)}}
<br/>
{{/if}}
{{/each}}
</div>
{{/if}}
&#13;
我希望在我显示的每三个类别后都有一个新行 - 有没有办法用canJS做到这一点?
答案 0 :(得分:1)
您可以添加一个简单的帮助器everyThird
并使用stache引擎提供的@index
帮助器。 Demo
helpers: {
everyThird: function(val) {
return val && val%3 === 0;
}
}
内部模板
<ul>
{{#each categories}}
{{#if everyThird(@index)}}
<li><hr></li>
{{/if}}
<li>{{name}}</li>
{{/each}}
</ul>