如何使用模板中的索引从数组中获取元素？

Question

    {{#each compareDataRaw as |row index|}}
      {{log compareDesigns.[index]}}

      {{rr/bar-chart
        chartId=(concat "chart" index)
        data=row
      }}
    {{end}}

我试图从compareDesigns数组中获取元素而没有运气？

我也尝试使用相同的上下文与相同的结果undefined。

{{log compareDesigns.index}}

Answer 1

使用get helper

{{get compareDesigns (concat index) }}

Answer 2

我还创建了自己的自定义助手。 （不确定这是否多余）

ember g helper array-at

在array-at.js文件中，

从'ember'导入Ember;

export function arrayAt(params/*, hash*/) {
  const arr = params[0];
  const index = params[1];
  return arr[index];
}

export default Ember.Helper.helper(arrayAt);

在模板文件中，

{{#each compareDataRaw as |row index|}}
  {{array-at compareDesigns index}}

  {{rr/bar-chart
    data=row
  }}
{{/each}}