将 handlebars 变量作为参数传递给 partial

Question

我有一个部分可以呈现这样的按钮：

{{>button classes="getting-started-button" icon="icon-rocket" text="Getting stared"}}

问题是我想在 text="Getting stared" 中传递的字符串本身就是一个 handlebars 变量，看起来像这样

phrases.getting_started

如果我将它添加到部分调用中，它应该看起来像这样，但它不起作用

{{>button classes="getting-started-button" icon="icon-rocket" text="{{phrases.getting_started}}"}}

那我该如何解决呢？

部分看起来像这样：

<a 
    class="button {{classes}}" 
    href="{{#if href}}{{href}}{{else}}javascript:{{/if}}" {{#if btn-title}}title="{{btn-title}}"{{/if}}>
    <div class="button-inner">
        {{#if image}}
            <img src="{{image}}" alt="">
        {{else}}
            {{#if icon}}<i class="{{icon}}"></i><span>{{/if}}{{#if text}}{{text}}</span>{{/if}}
        {{/if}}
    </div>
</a>

Answer 1

比你想象的还要简单：

{{>button classes="getting-started-button" icon="icon-rocket" text=phrases.getting_started}}

将 handlebars 变量作为参数传递给 partial

Passing handlebars variable as parameter to partial

javascript

handlebars.js

handlebarshelper