如何反转空格键的顺序 #each 块

Question

助手 sentencesList 是包含元素 text 的对象数组。

HTML:

{{#each sentencesList}}
  {{text}}
{{/each}}

CLIENT.JS

sentencesList: function() {
    return Session.get(SENTENCES)
}

如何反转顺序，即最高索引号显示在顶部，索引位置 0 的元素显示在底部？

Answer 1

你可以 reverse 数组：

sentencesList: function() {
    return Session.get(SENTENCES).reverse();
}

请注意：虽然 {{#each}} 对数组和游标都有效，但此方法是特定于数组的。因此，您不能在 Collection.find() 调用的 return 上使用它。要通过集合实现此目的，您必须在要反转顺序的键上使用 sort。

Answer 2

如果您想反转多个数组，您可以在（例如）main.js:

中创建一个通用助手

Template.registerHelper('reverseArray', (array) => array.reverse());

在您的模板中：

{{#each (reverseArray sentencesList)}}
  {{text}}
{{/each}}

编辑：根据 Pierre 的评论更新了代码以包含括号

How can I reverse the ordering of spacebars #each block