我的应用程序遍布这个模式,如果数组中有任何元素,我希望每个块都有一个尾随换行符。所以我可以这样做:
{{#each array}}
{{value}}
{{#if @last}}
{{/if}}
{{/each}}
或使用handlebars-helpers包我可以使用任何:
{{#any array}}
{{#each array}}
{{value}}
{{/each}}
{{/any}}
然而,在我的应用程序中,模板对于客户是可见的,并且它变得丑陋,因为我在我的模板代码中扩展了额外的样板。
有没有人有更优雅的解决方案?
我希望把手有一个我可以利用的空白控制角色,或者至少可以把它变成“如果'阻塞成一个班轮。
答案 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 新行很容易被忽视。