如何在Handlebars局部模板中实现内联`if`条件传参？

嘿，这个场景我太熟悉了！Handlebars里要实现「仅当条件为真时才给局部模板传递某个参数」，其实有几种简单靠谱的写法，我给你拆解下：

方法1：用{{#if}}块显式分支调用 #

这是最直观的写法，直接根据条件分支调用局部模板——满足条件时传参，不满足时不传：

{{#if isConditionMet}}
  {{> my-form someValue=someValue}}
{{else}}
  {{> my-form}}
{{/if}}

如果你的my-form模板本身就把someValue作为可选参数，这种方式完全没问题，逻辑清晰，也不容易出错。

方法2：利用子表达式实现内联条件传参 #

如果不想写重复的局部模板调用，可以用Handlebars的子表达式特性，让参数值根据条件动态返回（条件不满足时返回undefined，等价于不传这个参数）：

{{> my-form someValue=(if isConditionMet someValue)}}

注意：这种语法需要你的Handlebars版本支持子表达式（v3.0及以上就支持，现在大多数项目用的版本都满足）。当条件为假时，(if ...)会返回undefined，my-form模板里就不会接收到这个参数，和你直接不写这个属性的效果一样。

方法3：自定义Helper处理复杂场景（可选） #

如果你的条件判断逻辑比较复杂，或者很多地方都需要这种条件传参，可以自定义一个Helper来封装逻辑：
首先在JS里注册Helper：

Handlebars.registerHelper('conditionalParam', function(condition, value) {
  // 条件为真返回值，否则返回undefined
  return condition ? value : undefined;
});

然后在模板里调用：

{{> my-form someValue=(conditionalParam isConditionMet someValue)}}

这种方式扩展性更强，适合复杂的判断逻辑，比如多条件组合的情况。

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