javascript - 通过handlebars.js中的动态属性遍历对象

Question

我试图通过使用似乎不起作用的动态属性名称来遍历对象：

{{#each orders["order" + name] }}

甚至这似乎都不起作用

{{#each orders["orderDemo"] }}

但这确实：

{{#each orders.orderDemo }}

根据其他条件或迭代处理动态属性名称的任何解决方案？

就我而言，我有：

{{#each types}}
    {{#each orders[type] }}
        <table>....</table>
    {{/each}}
{{/each}}

Answer 1

AFAIK Handlebars不为动态属性提供任何内置支持，但您可以像这样注册一个简单的“Helper Function”：

Handlebars.registerHelper('orders', function(parent,child,options) {
  return parent["order"+child].map(options.fn).join``
});

然后按如下方式使用它：

<ul>
  {{#orders orders name}}
      <li>{{this}}</li>
  {{/orders}}
</ul>

如果你感觉递归，你甚至可以这样做：

Handlebars.registerHelper('forEach', function(parent,expr,options) {
  return parent[Handlebars.compile(expr)(this)].map(options.fn).join``;
});

{{#forEach orders "order{{name}}" }}
    <li>{{this}}</li>
{{/forEach}}

但是如果你有很多数据，这将是一个性能猪。