奧裏利亞repeat.for限制

Question

我正在開發與Aurelia路上的應用程序，讓我們說我有一個循環有：

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

有很多條目，自然我想限制他們展示的數量。所以基本上我想有像角的重複限制：

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

我已經在這裏檢查了文檔http://aurelia.io/docs.html但還沒有找到的話題什麼。

在Aurelia中有這樣的功能嗎？如果不是，我寧願在這個視圖中刪除控制器中的列表？

謝謝！

Answer 1

選項1：使用值轉換器。

取價值converter.js

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

app.html許多其他here這種情況下的

<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> 

Answer 2

如果你想開始在不同的價值，你可以在toView方法編輯TakeValueConverter 添加第三個參數。

toView(array,start,count){ 
    return array.slice(start,count); 
} 

但你必須跟蹤的最後一個位置不知何故自己