如何在每个车把上添加尾随换行?

时间:2017-09-28 15:15:10

标签: javascript handlebars.js handlebarshelper

我的应用程序遍布这个模式,如果数组中有任何元素,我希望每个块都有一个尾随换行符。所以我可以这样做:

{{#each array}}
{{value}}
{{#if @last}}

{{/if}}
{{/each}}

或使用handlebars-helpers包我可以使用任何:

{{#any array}}
{{#each array}}
{{value}}
{{/each}}

{{/any}}

然而,在我的应用程序中,模板对于客户是可见的,并且它变得丑陋,因为我在我的模板代码中扩展了额外的样板。

有没有人有更优雅的解决方案?

我希望把手有一个我可以利用的空白控制角色,或者至少可以把它变成“如果'阻塞成一个班轮。

1 个答案:

答案 0 :(得分:0)

我会用CSS做到这一点。考虑:

模板:

<div class='array-output-wrapper {{#if array}}with-items{{/if}}'>
    {{#each array}}
        {{value}}
    {{/each}}
</div>

CSS:

.array-output-wrapper.with-items:after {
    display: block;
    content: '\00a0'; // entity code for $nbsp;
}

它增加了可读性,因为 enter-hit-generated 新行很容易被忽视。