将每个嵌套在车把中

Question

我遇到了这个车把模板的问题：

  <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"
                    }]
              }]
           }]
        }]
    };

我错过了什么？

Answer 1

确定。我找到了之前帖子的答案：Handlebars does not fill table

所以案件大多已经解决了。问题完全符合描述，所以我可以调试它。