Question

这是我试图玩的代码。在我的JS文件中，我有： $ count = 0

在我的HTML中，我正在尝试：

＆＃13;

{{#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做到这一点？

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>

如何在canJS中使用变量？

1 个答案: