Aurelia repeat.for limit
Aurelia repeat.for limit
我正在用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
在视图中剪切do it的控制器中的列表吗?
谢谢!
选项1:使用值转换器
取值转换器.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>
如果您想从不同的值开始,可以编辑TakeValueConverter
在CCD_ 3方法中添加第三个参数。
toView(array,start,count){
return array.slice(start,count);
}
但是,你必须以某种方式自己跟踪最后一个位置
<div if.bind="$index<5" repeat.for="t of allTags">${t.name}</div>
使用索引和是否阻止超出索引标准的其余记录
相关文章:
- 为什么JavaScript在for循环为3时向所有4发出警报
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- Is onfling available for html, html5
- Setting default onclick behavior for <img> tag in gene
- 我的javascript for循环不起作用
- For循环冻结Javascript
- 如何在for循环中添加事件侦听器
- Javascript setTimeout for an array
- 双“for”循环(循环)
- 引用vue.js中v-for中的上一个值
- javascript for循环不起作用
- for循环中的javascript if语句找不到==
- GWT (or javascript) library for couchDB
- Javascript在for循环中等待处理请求
- Livereload for node.js.有可能吗
- jQuery setTimeOut: in for-loop
- 我没有'I don’我不理解for在循环中的用途
- Reg Expression Javascript for Millions with limit
- Aurelia repeat.for limit
- For循环,而Limit是一个负数