handlebars：将变量传递给每个内部的部分

我使用块帮助器#each创建了一个列表，但我无法在每个循环内部将变量传递给我的部分。handlebars：将变量传递给每个内部的部分

{{#each a-z.letters}} 
    {{this}} /*[1]*/ 
    <li class="list-inline__item"> 
     {{>button btn="btn-text" addClass='-large' link='letter/{{this}}' label='{{this}}'/*[2]*/}} 
    </li> 
{{/each}}

链接部分：

<a href="{{link}}" class="btn-text {{addClass}}">{{label}}</a>

的输出是：

<ul class="list-inline"> 
    A /*[1]*/ 
    <li class="list-inline__item"> 
     <a href="letter/{{this}}/*[2]*/" class="btn-text -large">{{this}}/*[2]*/</a> 
    </li> 
    ....

[1]刚用于测试和它的工作原理

[2]如果我想通过它在一个部分里面它不会渲染我的参数

UPDATE

所以这是我的帮手现在扩展我的href与网址。

Handlebars.registerHelper('updateLink', function(options){ 
    var insertAt = "href="; 
    var content = options.fn(this).trim(); 
    var pos = content.indexOf(insertAt) + insertAt.length+1; // +1 for the quotation marks 
    content = content.slice(0, pos) + options.hash.url + content.slice(pos, content.length); 
    return new Handlebars.SafeString(content); 
});

链接部分：

{{#updateLink url="letters/"}} 
    {{>button link=this label=this btn="btn-text" addClass='-large'}} 
{{/updateLink}}

来源

2016-07-27 Gregor Oi

您不能使用{{}}括号语法数据成员评估时，你已经是一个大括号内。你可以，但是，简单地引用成员，没有引号包裹它，它就会进行评估：

{{>button btn="btn-text" addClass='-large' link=this label=this}}

你会注意到，我上面的例子中不包括“信/”前缀link值。把手没有办法连接字符串。要达到此目的，您可以选择以下选项之一：

使用助手（您自己或他人的）。
将前缀作为附加参数传递给您的部分。
对部分模板中的前缀进行硬编码。
在模板数据中包含连接的字符串（a-z.letters）。

来源

2016-07-28 01:23:29 76484

handlebars：将变量传递给每个内部的部分

回答

相关问题