jquery显示没有数据的模板

Question

我在jquery中有一个模板，试图只显示没有数据的HTML。我试图绑定'null'而不是json“data”，但它给出了错误（地址未定义）。以下是代码声明。

$("#empTemplate").tmpl(null).appendTo("#divEmp");

HTML标记：

<table style="padding-left: 5px">
            <tr>
                <td>
                    <span>Name:</span>
                </td>
                <td>
                    <span>Employer:</span>
                </td>
                <tr>
                    <td>
                        <table>
                            <tr>
                                <td>
                                    <span>1</span>
                                </td>
                                <td>
                                    {{if Address.Length >=1}}
                                    <input type="text" value="${Address[0].State}" style="width: 50px" />
                                    {{else}}
                                    <input type="text" value="" style="width: 50px" />
                                    {{/if}}
                                </td>
                                <td>
                                    {{if Address.Length >=2}}
                                    <input type="text" value="${Address[1].State}" style="width: 50px" />
                                    {{else}}
                                    <input type="text" value="" style="width: 50px" />
                                    {{/if}}
                                </td>
                                <td>
                                    {{if Address.Length >=3}}
                                    <input type="text" value="${Address[2].State}" style="width: 50px" />
                                    {{else}}
                                    <input type="text" value="" style="width: 50px" />
                                    {{/if}}
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
        </table>

以下是Json：

{
    "Name": "Peter",
    "EmpId": "10",
    "Employer": [
        {
            "EmpName": "ABC",
            "EmpCity": "Jal",
            "Address": [
                {
                    "State": "MO",
                    "City": "St.Louis" 
                } 
            ] 
        } 
    ]
}

Answer 1

使用空对象{address:[]}

$("#empTemplate").tmpl({address:[]}).appendTo("#divEmp");