没有数据的jquery显示模板

Question

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

$("#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");