2014-04-03 51 views
0

嵌套在每一個我有這個車把模板的問題handlerbar

<div id="shifts" style="visibility:hidden"> 
    {{#sites}} 
     <div>{{name}}</div> 
     {{#groups}} 
      <div>{{name}}</div> 
      <table> 
       <thead> 
       <tr> 
        {{#users}} 
         <th class='username' data-userID='{{id}}'>{{name}}</th> 
        {{/users}} 
       </tr> 
       </thead> 
       <tbody> 
       {{#shifts}} 
       <tr> 
        <td>{{time}}</td> 
        {{#individuals}} 
         <td class='vuorot_tyhja' id='{{id}}'>{{name}}</td> 
        {{/individuals}} 
       </tr> 
       {{/shifts}} 
       </tbody> 
      </table> 
     {{/groups}} 
    {{/sites}} 
    </div> 

在測試過程中似乎表實際上導致問題。如果我在句柄內添加table,tr,td,th標記(或其他),它將不會爲這些輸出生成輸出。所以基本上在這種情況下只顯示#sites和#groups。如果我改變佈局,即使站點和組都在表格內,那麼即使那些不出現。

因此,如果我刪除樣式或即,數據顯示沒有問題。使用div。

測試數據(如果需要)如下:

var data = { 
    "sites": [{ 
     "name": "Site", 
     "groups": [{ 
       "name": "Ryhmä 1", 
       "users": [{ 
       "name": "Name1", 
       "id": 1 
       },{ 
       "name": "Name2", 
       "id": 2 
       },{ 
       "name": "Name3", 
       "id": 3 
       },{ 
       "name": "Name4", 
       "id": 4 
       },{ 
       "name": "Name5", 
       "id": 5 
       }], 
       "vuorot": [{ 
       "time": "Ke 01.01.14", 
       "individuals": [{ 
         "id": 1, 
         "name": "aamu" 
        },{ 
         "id": 2, 
         "name": "aamu" 
        },{ 
         "id": 3, 
         "name": "aamu" 
        },{ 
         "id": 4, 
         "name": "aamu" 
        },{ 
         "id": 5, 
         "name": "aamu" 
        },{ 
         "id": 6, 
         "shift": "aamu" 
        },{ 
         "id": 13, 
         "name": "aamu" 
        }] 
       }] 
      }] 
     }] 
    }; 

我缺少什麼?

回答

1

好的。我從以前的帖子中找到答案:Handlebars does not fill table

所以大多數情況下都解決了。這個問題完全符合描述,所以我可以調試它。