把手:将动态变量传递给局部

时间:2016-03-31 14:05:22

标签: javascript handlebars.js

我有一部分包含我网页的常见结构:

<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>

然后,从每个页面,我调用部分传递属性标题字幕。它适用于常量属性,例如:

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

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

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

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

提前致谢!

1 个答案:

答案 0 :(得分:3)

我终于成功完成了这项工作。我在这里做出回应,以防它可以使其他人受益:

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

只需删除{{}}和&#34;&#34;。请注意, customer 是模板中可用变量的名称。