车把:将动态变量传递给零件

handlebars: Pass dynamic variables to partials

本文关键字：零件 动态 变量 车把      更新时间：2023-10-06

我有一个包含我的网页的公共结构的分部：

<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
   <!-- Page HTML -->
{{/page}}

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

相关文章：