如何在canJS中使用变量?

时间:2016-06-16 14:22:19

标签: javascript canjs

这是我试图玩的代码。 在我的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;
&#13;
&#13;

我希望在我显示的每三个类别后都有一个新行 - 有没有办法用canJS做到这一点?

1 个答案:

答案 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>