车把：将动态变量传递给局部变量答案

【问题标题】：handlebars: Pass dynamic variables to partials车把：将动态变量传递给局部变量
【发布时间】：2016-07-20 01:05:18
【问题描述】：

我有一个部分包含我的网页的通用结构：

<script id="page-template" type="text/x-handlebars-template">
    .....
    <div class="page-content">
        <div class="page-header">
            <h1>{{title}}
                <small>
                    <i class="ace-icon fa fa-angle-double-right"></i> {{subtitle}}
                </small>
                {{/if}}
            </h1>
        </div>
        ......
    </div>
</script>

然后，我从每个页面调用部分传递属性 title 和 subtitle。它适用于常量属性，例如：

{{#> page title="Customers" subtitle="List of customers"}}
  <!-- Page HTML -->
{{/page}}

但是，当我尝试传递变量时它不起作用：

{{#> page title="Customer" subtitle="{{customer.name"}}
  <!-- Page HTML -->
{{/page}}

它显示 {{customer.name}} 而不是客户的真实姓名。是否有可能完成这项工作？

提前致谢！

【问题讨论】：

{{#> page title="Customer" subtitle="{{customer.name"}} 很可能是语法错误。检查您的代码示例。
对不起，我只粘贴了部分调用的第一行
刚刚找到该问题的重复项。这对你有用吗？
我不认为是相同的反应。在您重复的响应中，它们只是传递常量值，而不是变量本身。

标签： javascript handlebars.js

【解决方案1】：

我终于设法完成了这项工作。我把回复放在这里以防万一它可以使其他人受益：

{{#> page title="Customer" subtitle=customer.name
   <!-- Page HTML -->
{{/page}}

只需要删除 {{}} 和 ""。请注意，customer 是模板中可用变量的名称。

【讨论】：