ember.js - 读取 Handlebars 模板中的对象属性

Question

有没有办法使用 Handlebars 或 Ember 助手读取对象属性？

{{#each object in objects}}
  <tr>
    {{#each key in keys}}
      {{!- doesn't work, because object[key] isn't valid syntax I guess --}}
      <td>{{object[key]}}</td> 
    {{/each}}
  </tr>
{{/each}}

我知道我可以像这样读取属性 {{object.someProperty}} ，但是在我的情况下，需要读取的属性列表作为参数传递给组件(在我的示例中，它被称为 keys )。

也许这个功能已经存在于 Handlebars 或 ember 中，我只是还没有找到它？

Answer 1

该语法不适用于 Ember 的 Handlebars。由于优化和 Ember 想要向被迭代的项目添加数组观察者，它不会工作。您可以做的是添加一个计算属性，该属性返回对象中的项目数组。不过，您确实需要小心，计算属性不会随着值的变化而更新。

http://emberjs.jsbin.com/AmetIRi/1/edit

iterableObject: function(){
  return $.map(this.get('model'), function(value, key) {
    return [key + '-' + value];
  });
}.property('model')