Question

对于引导轮播项目<div class="item">，第一项需要处于活动状态
div class="item active">虽然只是第一个项目

想写一个Handlebars Helper，像这样循环：

  <div class="item active">
    <div class="foo">{{foo.[0]}}</div>
  </div>
{{#each resArray foo}}
  <div class="item">
    <div class="foo">{{this}}</div>
  </div>
{{/each}}

..虽然如何写得正确？

Handlebars.registerHelper("resArray", function(array) {
  return array[1 to array.length];
});

此外，这位助手会去哪儿？ ..在我的节点server.js文件中分配了Handlebars？

Answer 1

事实证明它很简单：

{{#each foo}}
  {{#if @first}}
    <div class="item active">
      <div class="foo">{{this}}</div>
    </div>
  {{else}}
    <div class="item">
      <div class="foo">{{this}}</div>
    </div>
  {{/if}}
{{/each}}

Answer 2

使用以下代码：

{{#each foo}}
  <div class="item {{#if @first}}active{{/if}}">
    <div class="foo">{{this}}</div>
  </div>
{{/each}}

Handlebars.js - 循环除第一个元素之外的数组？

2 个答案: