如何在canJS中使用变量？

Question

这是我想玩的代码。在我的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}}

​

我希望在我显示的每三个类别之后都有一个新的行--有什么方法可以用canJS来实现吗？

Answer 1

您可以添加一个简单的助手everyThird，并使用@index助手提供的胡子引擎。演示。

helpers: {
    everyThird: function(val) {
        return val && val%3 === 0;
    }
}

内模板

  <ul>
  {{#each categories}}
    {{#if everyThird(@index)}}
     <li><hr></li>
    {{/if}}
    <li>{{name}}</li>    
  {{/each}}
  </ul>