使用{{each}}块在DerbyJS中向后遍历数组

Question

在DerbyJS组件中，我有一个数组items，我想在视图中显示它。我想先显示数组的最新项目，所以我正在寻找类似于each-reverse的东西

{{each-reverse items as #item}}
  <p>{{#item}}</p>
{{/each-reverse}}

。当然，这段代码不起作用，但我希望它能解释我想要实现的目标。在DerbyJS中有办法做到这一点吗？

理论上，我可以反转items数组，但我不想这样做，因为有时我使用.push更新这个数组。相反，使用.unshift似乎不太理想。

Answer 1

我非常肯定，在视图中没有每个反向方法可以使用。实现目标的一种方法是首先对控制器中的列表进行反向排序。

如果使用Derby排序筛选器反转数组中的项，则仍然可以使用push更新原始数组，以满足您的需要。

@originalList = @model.at 'originalList'
@reversedList = @model.ref 'reversedList',  @model.sort 'originalList', (a, b) -> 
    return a - b

// add new items to the list
@originalList.push 4

// in the view
{{each reversedList as #item}}
    <p>{{#item}}</p>
{{/each}}

或者，你可以尝试

// in the view
{{each originalList as #item, #index}}
 {{originalList[originalList.length - #index]}}
{{/each}}