javascript - 如何在 canJS 中使用变量？

Question

这是我正在尝试使用的代码。在我的 JS 文件中，我有:$计数 = 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 并使用 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>