车把,空白控制(Handlebars, whitespace control)

2019-08-21 23:27发布

我想空白的精细控制,但还是有可读的模板。

只是想看看是否有其他的解决方案,通过简单的使用案例。

{{name}}
{{#if age}}
  , {{age}}
{{/if}}

# outputs {{name}} , {{age}}
# desire: {{name}}, {{age}}

https://github.com/wycats/handlebars.js/issues/479 -提交了关闭一票。

Answer 1:

继从历史上拉请求增加这个功能看起来这是正确的语法:

<h4>
{{~#object~}}

Surrounding whitespace would be removed.

{{/object}}
</h4>

结果:

<h4>Surrounding whitespace would be removed.</h4>

还有这个语法,只修剪前导空格:

<h4>
{{~#object}}

Only leading whitespace would be removed.

{{/object}}
</h4>

结果:

<h4>Only leading whitespace would be removed.
</h4>


Answer 2:

只是评论布赖恩回答 ,如果要修剪的空白和不希望车把的同时逃避你的表情,要使用正确的语法是:

{{~{EXPRESSION}~}}

(表达式之前和之后修整空白,同时不脱离它)



Answer 3:

您可以添加一个把手助手来trim()空白

{{#-}}

Surrounding whitespace would be removed.

{{/-}}

更多的背景信息: https://github.com/wycats/handlebars.js/pull/336



文章来源: Handlebars, whitespace control