使用handlebars.js的逗号分隔字符串

Question

这些天工作我正在使用handlerbars.js,它似乎很有趣.在那里,我需要你们的小帮助.

我有一个以下的json输入

"ALERTS": [
    {
        "alert_description": "ALCOHOL",
    },
    {
        "alert_description": "DIAGNOSIS",
    }
]

我需要编写一个模板来创建以下逗号分隔的字符串.

ALCOHOL, DIAGNOSIS

我能够使用以下模板逐行打印这些值.

<div>
   <div>
{{#each this}}
    <span>{{alert_description}}</span>
{{/each}}
</div>
</div>

你能帮助我解决这个问题吗？感谢您的帮助

谢谢Keth

Answer 1

通过使用 {{#each}} 并测试隐式 @index 变量，您可以在不编写帮助程序的情况下执行此操作：

{{#each this}}
    {{#if @index}}, {{/if}}
    <span>{{alert_description}}</span>
{{/each}}

您还可以测试 @first 和 @last（请参阅handlebarsjs 文档）。