Javascript 奥雷莉亚,重复极限

Javascript 奥雷莉亚,重复极限,javascript,aurelia,Javascript,Aurelia,我正在用Aurelia开发一个应用程序,假设我有一个循环: <div repeat.for="t of allTags">${t.name}</div> ${t.name} 有许多条目,所以自然我想限制它们的数量显示。所以基本上我想有一些类似于Angular的重复极限: <div ng-repeat="t in allTags | limitTo:5 ">{{t.name}}</div> {{t.name} 我已经检查了这里的文档,但是没有

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

<div repeat.for="t of allTags">${t.name}</div>
${t.name}
有许多条目,所以自然我想限制它们的数量显示。所以基本上我想有一些类似于Angular的重复极限:

<div ng-repeat="t in allTags | limitTo:5 ">{{t.name}}</div>
{{t.name}
我已经检查了这里的文档,但是没有找到关于这个主题的任何东西

奥雷利亚有这样的特征吗?如果否,我是否愿意在视图中用
$index
剪切控制器中的列表

谢谢

选项1:使用值转换器。 获取值转换器.js

导出类TakeValueConverter{
toView(数组、计数){
返回array.slice(0,count);
}
}
app.html


${t.name}
此场景和许多其他场景的实例

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

选项2:在一个数字上重复
${allTags[i].name}

如果要从不同的值开始,可以编辑
TakeValueConverter
toView
方法中添加第三个参数

toView(array,start,count){
  return array.slice(start,count);
}
但是你必须自己跟踪最后一个位置

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

使用索引和if来阻止超过索引标准的其余记录

是否可以从不同于0的索引开始?