handlebars拼接dom的时候,是可以像字符串一样拼接的,比如:有下面这样一个列表,section里面包含五个链接,现在需要把一个Array数据循环出下面的dom。
<section>
<a> 0 </a><a> 1 </a><a> 2 </a><a> 3 </a><a> 4 </a>
</section>
<section>
<a> 5 </a><a> 6 </a><a> 7 </a><a> 8 </a><a> 9 </a>
</section>
代码:
mod是自定义的求模方法,mod(val1, val2, modVal) 判断val1%val2是否等于modVal。
modEnd是自定义的求模方法,modEnd(val1, val2, modVal) 判断(val1+1)%val2是否等于modVal。
{{#each arrData}}
{{#mod @index 5 0}}
<section>
{{/mod}}
<a>{{@index}}</a>
{{!-- 如果是第4 9 14 ... 一列的最后一个的时候,需要结束section --}}
{{#modEnd @index 5 0}}
<section>
{{/modEnd}}
{{/each}}
网友评论