【问题标题】:how do I omit a line when field is empty (using mustache/handlebars)当字段为空时如何省略一行(使用小胡子/车把)
【发布时间】:2015-05-02 09:36:01
【问题描述】:

我目前正在使用 mustache 并尝试实现一些基本的 if-else 检查。就我而言,我正在检查字段中的值。

例如:

我有这个 JSON 数据:

"AGENCIES":[
    {
        "IASTATE":"Buenos Aires",
        "IAADDRESS1":"Paraguay 647 Piso 4 Of. 17\/18",
        "IAADDRESS3":"",
        "IALEGALNAME":"Silvia Stocker Australia & New Zealand Travel (ANZ Group)",
        "IACOUNTRY":"Argentina",
        "IAPRINCIPALAGENT":"",
        "IAADDRESS2":"",
        "IAAGENCY":"Australia & New Zealand Group (ANZ Group)",
        "IAEMAIL":"info@anzgroup.com.ar",
        "IAPHONE":"+54 11 4311 9828",
        "IAWEBSITE":"http:\/\/www.anzgroup.com.ar\/education-105",
        "IACITY":"Buenos Aires",
        "IALOCATIONHEAD":"Cecilia Minzio"
    },
    {
        "IAAGENCY":"CW International Education",
        "IAADDRESS1":"Juan Francisco Segui 3967",
        "IAPRINCIPALAGENT":"",
        "IALOCATIONHEAD":"Carola Wober",
        "IACOUNTRY":"Argentina",
        "IACITY":"Buenos Aires",
        "IAPHONE":5.41148010867E11,
        "IAADDRESS2":"Piso 6A",
        "IAWEBSITE":"http:\/\/www.cwinternationaleducation.com",
        "IASTATE":"Buenos Aires",
        "IALEGALNAME":"CW International Education",
        "IAEMAIL":"info@cwinternationaleducation.com",
        "IAADDRESS3":"Ciduad Autonoma"
    }]

从上面的数据可以看出,有些字段可以是空的,比如地址 2,但有些数据总是有一个值,比如机构名称或国家或网站。

所以当字段为空时,如何省略整个“行”?类似:

<h3>{{IAAGENCY}}<h3>
{{if IAADDRESS2 is not empty}}<span>{{IAADDRESS2}}</span><br />{{/if}}
<span>{{IACOUNTRY}}</span><br />
<span>{{IAWEBSITE}}</span>

谢谢

【问题讨论】:

标签: javascript handlebars.js mustache


【解决方案1】:

使用handlebars 可以检查所述json值的长度:

<h3>{{IAAGENCY}}<h3>
{{#if IAADDRESS2.length}}<span>{{IAADDRESS2}}</span><br>{{/if}}
<span>{{IACOUNTRY}}</span><br />
<span>{{IAWEBSITE}}</span>

如果长度为0,则计算结果为false,因此该行被省略

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-25
    • 2015-04-30
    相关资源
    最近更新 更多