javascript - 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。

score 1 · Accepted Answer

鉴于以下 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}}

1 回答 1