如何在Mustache模板中满足条件时为gamma变量添加换行

原模板与问题 #

原Mustache模板：

{{#alpha}}{{alpha}}{{/alpha}} 
{{#beta}}{{beta}}{{/beta}}

\n{{gamma}}

问题在于{{gamma}}前的换行符，需要实现：仅当alpha或beta至少有一个存在时，在{{gamma}}前添加换行；若两者都不存在，则直接显示{{gamma}}。对应伪逻辑：

if(alpha || beta){
 \n{{gamma}}
}else{
 {{gamma}}
 }

解决方案 #

Mustache是无逻辑模板引擎，不支持直接在模板内写||这类逻辑运算，推荐两种实现方式：

方式一：新增辅助变量（推荐）

在传入模板的数据中预先计算一个布尔变量（比如showNewLine），取值为alpha或beta是否存在（根据业务需求定义“存在”，比如非空、非假值）：

// 示例数据处理（以JS为例）
const data = {
  alpha: '...', // 可能存在或不存在
  beta: '...',
  gamma: '...',
  showNewLine: !!data.alpha || !!data.beta // 转换为布尔值，确保空字符串、0等假值被视为不存在
}

修改后的模板：

{{#alpha}}{{alpha}}{{/alpha}} 
{{#beta}}{{beta}}{{/beta}}
{{#showNewLine}}
{{/showNewLine}}{{gamma}}

模板中{{#showNewLine}}{{/showNewLine}}之间的是真实换行，当showNewLine为真时，会输出这个换行，再拼接{{gamma}}；为假时则直接输出{{gamma}}。

方式二：不新增变量（冗余但无需修改数据）

利用Mustache的反向section（{{^}}表示变量不存在时渲染），通过分支处理避免新增变量：

{{#alpha}}{{alpha}}{{/alpha}} 
{{#beta}}{{beta}}{{/beta}}
{{#alpha}}
{{gamma}}{{/alpha}}
{{#beta}}
{{gamma}}{{/beta}}
{{^alpha}}{{^beta}}{{gamma}}{{/alpha}}{{/beta}}

逻辑说明：

• 若alpha存在：输出alpha + 换行 + gamma
• 若beta存在：输出beta + 换行 + gamma
• 若两者都不存在：直接输出gamma

这种方式无需修改数据，但模板存在重复的{{gamma}}，适合无法修改数据源的场景。

内容的提问来源于stack exchange，提问作者Tristate