handlebars.js-声明if语句

Question

我是一个初学者，我创建了一个基本的测试页，在其中我使用handlebars.js显示基于国家/地区值样式号的不同国家/地区地址格式。

这是我当前拥有的代码片段：

    {{# if address_country_style_type_value_is_4 }}

        {{! Country Name: Algeria }}
        {{! Index Value: 4 }}
        {{! Address Style: 2 }}

        {{# if address_line_1 }}
            {{{ address_line_1 }}}<br />
        {{/if}}
        {{# if address_street_details }}
            {{ address_street_details }}<br />
        {{/if}}
        {{# if address_postal_code }}
            {{ address_postal_code }}&nbsp;
        {{/if}}
        {{# if address_locality }}
            {{ address_locality }}
        {{/if}}
        {{# if address_country_name }}
            <br />{{ address_country_name }}
        {{/if}}

    {{/if}}

    {{# if address_country_style_type_value_is_5 }}

        {{! Country Name: American Samoa }}
        {{! Index Value: 5 }}
        {{! Address Style: 7 }}

        {{# if address_line_1 }}
            {{{ address_line_1 }}}<br />
        {{/if}}
        {{# if address_street_details }}
            {{ address_street_details }}<br />
        {{/if}}
        {{# if address_locality }}
            {{ address_locality }}&nbsp;
        {{/if}}
        {{# if address_region }}
            {{ address_region }}&nbsp;
        {{/if}}
        {{# if address_postal_code }}
            {{ address_postal_code }}
        {{/if}}
        {{# if address_country_name }}
            <br />{{ address_country_name }}
        {{/if}}

    {{/if}}

当用户选择address_country_style_type_value_is_4时，将显示地址样式＃2。 在我的代码中，用于显示地址样式2的代码重复了很多次-我知道很难一遍又一遍地重复相同的代码。

我的问题是如何编写车把代码，以便将地址样式2写一次，然后在需要的地方多次调用？

这是声明，然后调用{{＃if address_country_style_type_value_is_4}}语句中的内容。

Answer 1

您可以在Javascript中更改其格式，而不必在模板中更改格式：

switch(address_country_style_type) {
case 4:
  address = [
    address_line_1,
    address_street_details,
    address_postal_code + ' ' + address_locality,
    address_country_name
  ];
  break;
case 5:
  address = [
    address_line_1,
    address_street_details,
    address_locality + ' ' + address_region + ' ' + address_postal_code,
    address_country_name
  ];
  break;
}

然后只需渲染地址中的任何内容：

{{#each address}}
  {{this}}<br>
{{/each}}

当然，到那时，您可以将所有内容提前与address.join('<br>')合并，然后呈现{{{address}}} 。