ember.js - 通过变量名获取属性

Question

我想使用 emberjs 模板呈现表格。该表应解析要动态呈现的列:

<table>
    {{#each item in this.items}}
        <tr>
            {{#each colName in this.columnNames}}
                <td>{{item.[colName]}}</td>
            {{/each}}
        </tr>
    {{/each}}
</table>

但是，我认为 Handlebars 试图访问属性 colName的一个项目。如何动态访问该属性？

Answer 1

更新:正如 Visualize 在评论中指出的，现在有一个 native get helper .您应该更喜欢下面的实现(可能无法使用较新版本的 Ember 正确更新。)

我不确定 Handlebars 是否能够动态解析这样的变量(至少开箱即用)。我可能会写我自己的助手。

Ember.Handlebars.helper('getProperty', function(object, property, options) {
    return Ember.get(object, property);
});

然后在您的模板中:

{{#each item in items}}
    <tr>
    {{#each colName in columnNames}}
        <td>{{getProperty item colName}}</td>
    {{/each}}
    </tr>
{{/each}}

如果我对 Ember 绑定(bind)的理解是正确的，那么助手应该随时重新渲染 item或 colName被改变。