把手阵列循环

时间:2018-01-26 13:12:54

标签: handlebars.js

我有这个数组:

{{#each weather.today }}
   <p class="VNAelement timeStamp">BlaBla</p>
   <p class="VNAelement">{{ rr }}mm</p>
{{/each}}

现在将有三个循环,并且在每个循环上应该替换文本BlaBla。做这个的最好方式是什么?数据来自json API,但该字符串是manuall设置的。

1 个答案:

答案 0 :(得分:1)

最佳解决方案是编写自定义帮助程序以在遍历期间检查数组索引。

但是在这里,你可以确定循环次数(3个数组项),你可以依赖@first@last数据变量。

{{#each weather.today}}
  <p class="VNAelement timeStamp">
    {{#if @first}}
      BlaBla-1 <!-- First item -->
    {{else}}
      {{#if @last}}
        BlaBla-3 <!-- Third item -->
      {{else}}
        BlaBla-2 <!-- Second item -->
      {{/if}}
    {{/if}}
  </p>
  <p class="VNAelement">{{ rr }}mm</p>
{{/each}}