Ember Handlebars在嵌套的每个助手

时间:2015-11-05 12:28:42

标签: javascript ember.js htmlbars

我想在我的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,每个都是嵌套的,即模板中各有一个外层。

1 个答案:

答案 0 :(得分:1)

给出以下JSON(来自您的问题的美化版本):

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

您可以使用{{each-in}} helper:

对其进行迭代
{{#each-in item.reasons as |key value|}}
    <tr>
        <td>{{key}}</td>
    </tr>
{{/each-in}}