Aurelia repeat.for limit

Question

我正在用Aurelia开发一个应用程序,让我说我有一个循环:

<div repeat.for="t of allTags">${t.name}</div>

有很多条目,我很自然地想限制它们的数量.所以基本上我想要像Angular的重复限制:

<div ng-repeat="t in allTags | limitTo:5 ">{{t.name}}</div>

我在这里检查了文档http://aurelia.io/docs.html但没有找到关于该主题的任何内容.

在Aurelia有这样的功能吗？如果不是,我宁愿在控制器中剪切列表$index吗？

谢谢!

Answer 1

选项1:使用值转换器.

采取价值,converter.js

export class TakeValueConverter {
  toView(array, count) {
    return array.slice(0, count);
  }
}

app.html

<require from="./take-value-converter"></require>

<div repeat.for="t of allTags | take:5">${t.name}</div>

此场景的实例和此处的许多其他示例.

关于aurelia.io价值转换器的其他文档

选项2:重复一个数字

<div repeat.for="i of 5">${allTags[i].name}</div>