Ember Handlebars 迭代對象並在嵌套的每個助手中顯示鍵

Question

我想在我的 Ember Handlebars 模板中迭代和渲染一些文本

我有一個 JSON，如下所示； （在項目內）

"reas":{"Display Text 1":[null],"Display Text 2":[null]}

我想在 UI 上顯示文本（顯示文本 1/顯示文本 2），即我的對象的鍵。 所以在我的 Ember Handlebars 模板中，我做

{{#each item in item.reas}}
    <tr>
        <td>{{item}}</td>
    </tr>
{{/each}}

早些時候我也嘗試過 {{@key}

但我無法獲得文本。 我究竟做錯了什么 ？

PS：請記住，這是 Ember 中的 Handlebars，這是嵌套的，即模板中有一個外部的 each。

Answer 1

鑒於以下 JSON（您問題中的一個的美化版本）：

{
    "reasons": {
        "Display Text 1": [
            null
        ],
        "Display Text 2": [
            null
        ]
    }
}

您可以使用{{each-in}}助手對其進行迭代：

{{#each-in item.reasons as |key value|}}
    <tr>
        <td>{{key}}</td>
    </tr>
{{/each-in}}