gpt4 book ai didi

handlebars.js - 如何使用 Handlebarsjs 为循环数组的每 3 个添加 hr 元素?

转载 作者:行者123 更新时间:2023-12-04 06:22:29 25 4
gpt4 key购买 nike

我有一个元素数组,我将它们全部附加到我的表单元素中。一切正常。但是我无法在我的第三个标签中添加“hr”元素。我试过了。

<script id="locale-template" type="text/x-handlebars-template">
{{#each this}}
{{#if @index % 3 === 0 }}
<hr/>
{{/if}}
<label><input type="checkbox" /> {{name}} </label>
{{/each}}
</script>

但不起作用..有人可以建议我正确的方法吗..?

提前致谢

最佳答案

首先注册助手,如 showHr

Handlebars.registerHelper("showHr", function(index_count,block) {

if(parseInt(index_count)%3=== 0){
return block.fn(this);}


});

现在在模板中
{{#showHr @index}}
<hr/>
{{/showHr}}

或者,如果您愿意,您可以编写通用助手引用 http://doginthehat.com.au/2012/02/comparison-block-helper-for-handlebars-templates/

编辑评论问题
Handlebars.registerHelper("moduloIf", function(index_count,mod,block) {

if(parseInt(index_count)%(mod)=== 0){
return block.fn(this);}
});

考虑索引从 0 开始
// If index is 0 open div
// if index is 3 means open a div
{{#moduloIf @index 0}}
<div>
{{/moduloIf}}
{{#moduloIf @index 3}}
<div>
{{/moduloIf}}

{{name}}
// if index+1 is modulo 3 close div
{{#moduloIf @index+1 3}}
</div>
{{/moduloIf}}

关于handlebars.js - 如何使用 Handlebarsjs 为循环数组的每 3 个添加 hr 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17149289/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com