迭代通過自定義數組中的餘燼JS

Question

我需要通過自定義陣列直接在像餘燼模板重複：

{{#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。如：

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