handlebar json-html轉換

Question

我需要將這個json數據轉換成一個有3列的表格：屬性名稱，屬性來源和屬性值。能否請你幫忙？

"result": { 
     "total": 100, 
     "config": { 
     "propName1": { 
      "source": "propsrc1", 
      "value": "propval1" 
     }, 
     "propName2": { 
      "source": "propsrc2", 
      "value": "propval2" 
     } 
    } 
    } 

Answer 1

很容易讓您的問題降低投票率，因爲看起來您沒有花費太多精力來解決問題。你說你想讓你的桌子有列，但是在你的代碼中（附加在評論中），你只有 <td>元素。此外，爲什麼你會期望{{property}}工作？你的物體中沒有這樣的鑰匙。

儘管如此，我仍會盡力幫助您。

您的對象是一個簡單的。您想遍歷result.config的每個屬性，並在3個單獨的<td>元素中輸出其值source值和value值。

在車把文檔的#each built-in helper，以下陳述：

此外，對於對象迭代，{{@key}}引用當前的鍵名

這就告訴我們，object迭代由#each助手支持，我們可以用{{@key}}打印每個鍵。

我們的模板是簡單的一個：

{{#each result.config}} 
    <tr valign=top> 
     <td>{{@key}}</p> 
     <td>{{source}}</td> 
     <td>{{value}}</td> 
    </tr> 
{{/each}} 

我已經創建了供您參考fiddle。