可通過與車把

看着我的數據多維數組不循環，即將通過：可通過與車把

data: { 
    content: [ 
    [ 
    "School Name", 
    "Location", 
    "Type", 
    "No. eligible pupils", 
    "Average points per student", 
    "Average points per exam entry", 
    "% obtaining two facilitating subjects" 
    ], 
    [ 
    "Colchester Royal Grammar School", 
    "Colchester", 
    "State", 
    "349", 
    "1428", 
    "263.3", 
    "77%" 
    ], and so on... 
] 
}

我通過這個陣列陣列試圖循環，創建一個表。因此，對於每個陣列，我需要將其包裝在<tr></tr>中，並且對於每個陣列中的每個元素，我需要將它包裝在<td></td>中。我需要區分第一行，以便使用<thead>和<th>，但目前我正試圖讓我的頭繞着正確的結構。

我的代碼所做的只是創建一個包含整個事物的<td>，而不是多個<tr> s或<td> s。

 {{#each data.content}} 

      <tr> 

       {{#each this}} 
        <td>{{ this }}</td> 
       {{/each}} 

      </tr> 

     {{/each}}

來源

2016-01-15 geodeath

是數據數組或數據對象ECT？ – sundar

'data：[content：[]]'這個語法是錯誤的。不應該是'data：{content：[]}'？ – Venugopal

1秒，出現錯誤，編輯現在.. – geodeath

你不能直接使用您的template.because內部的數據要傳遞的數據對象編譯模板function.so你應該用它來指當前上下文。

更好地利用模塊參數，以避免更多的這種reference.which的數量將使代碼更難理解

無塊參數

{{#each this.content}} 
    <tr> 
     {{#each this}} 
      <td>{{ this }}</td> 
     {{/each}} 
    </tr> 
{{/each}}

用塊參數，

{{#each this.content as | rowKey, row |}} 
     <tr> 
      {{#each row as | colKey, column|}} 
       <td>{{ column }}</td> 
      {{/each}} 
     </tr> 
{{/each}}

它當模板變大時具有更多優點

來源

2016-01-15 11:29:47 sundar

可通過與車把

回答

相關問題