在ember js中迭代自定义数组

Question

我需要直接在ember模板中迭代自定义数组，如：

{{#each [1,2,3,4,5,6,7,8,9,10] as |num|}}
  <div class="input-group-{{num}}">
    .
    .
    .
  </div>
{{/each}}

我该怎么办？上面的代码没有呈现任何内容。

Answer 1

如果你想这样做，只需使用帮手。您可以创建帮助程序或使用现有帮助程序。

例如，通过使用ember-array-helper，您可以像这样表达：

{{#each (array 1 2 3 4 5 6 7 8 9 10) as |num|}}
    {{num}}<br>
{{/each}}

或者，使用range helper的ember-composable-helpers。如：

{{#each (range 10 20) as |number|}}
  {{! `number` will go from 10 to 19}}
{{/each}}