如何在字符串变量内渲染partial/helper并通过变量指定partial名称动态渲染
你尝试的嵌套模板标签写法不符合Handlebars语法规范,模板插值符号{{}}不能嵌套使用,可通过以下两种方案实现动态partial渲染:
方案1:使用原生动态partial语法(推荐)
Handlebars v3.0及以上版本原生支持动态partial解析,只需要将代表partial名称的变量用圆括号包裹即可,正确写法如下:
{{partial-container container}} {{{content.html}}} {{#each content.partials}} {{> (this) }} {{/each}}
如果运行后提示找不到partial,可以改为显式获取当前上下文的变量值:
{{> (lookup . 'this') }}
方案2:自定义助手兼容旧版本
如果你用的是3.0以下的旧版本Handlebars,可以自行注册一个动态渲染助手,代码如下:
// 注册自定义助手 Handlebars.registerHelper('renderDynamicPartial', function(partialName) { if (!Handlebars.partials[partialName]) { return `<!-- 未找到对应partial:${partialName} -->` } return Handlebars.partials[partialName](this) })
模板中调用方式:
{{partial-container container}} {{{content.html}}} {{#each content.partials}} {{renderDynamicPartial this}} {{/each}}
内容的提问来源于stack exchange,提问作者Taylor C. White
相关产品推荐
相关产品推荐

