Templates 如何将带有帮助程序和表达式的html作为属性添加到我的分部代码中?
我有一个分部,我需要根据上下文交换一个链接,我还需要在该链接中的表达式上使用帮助程序。我试着将其添加到我的分部模板中,并将其包含在分部模板中,但它将该行添加为字符串,而不是htmlTemplates 如何将带有帮助程序和表达式的html作为属性添加到我的分部代码中?,templates,handlebars.js,Templates,Handlebars.js,我有一个分部,我需要根据上下文交换一个链接,我还需要在该链接中的表达式上使用帮助程序。我试着将其添加到我的分部模板中,并将其包含在分部模板中,但它将该行添加为字符串,而不是html {{> partial link='<a href="/matchup/{{formatForWeb this.name }}/{{formatForWeb matchup.name }}" class="matchup-card__link">code</a>'}} {>部分链接=
{{> partial link='<a href="/matchup/{{formatForWeb this.name }}/{{formatForWeb
matchup.name }}" class="matchup-card__link">code</a>'}}
{>部分链接='''}
然后我将其作为{{link}}添加到我的部分模板中:
<div>
{{link}}
</div>
{{link}
在这里,它在dev tools中作为字符串添加到我的页面:
我怎样才能做到这一点?谢谢你的时间 您将无法在
部分
中使用助手
解决方案是将不同变量中的数据和HTML元素传递给分部,并在分部定义中进行操作
范例
{{> newPartial
link = '<a href="/matchup/temp1/temp2" class="matchup-card__link">code</a>'
var1 = this.name
var2 = matchup.name
}}
这里,在变量val
中,您将收到所有3个变量链接
、var1
和var2
作为数组对象,您可以使用它们处理操作并返回
最终结果
希望这有帮助
Handlebars.registerPartial('newPartial', function(val) {
console.log(val);
return val;
});