如何在 Angular 中顯示 ng-repeat 中過濾資料的計數？

在ng-repeat 中顯示過濾資料的長度

在Angular 應用程式中，資料通常使用ng-repeat 指令來顯示，該指令會迭代在數組或集合上。但是，根據使用者輸入過濾資料時，有必要更新顯示的項目數。

當 ng-repeat 與過濾器一起使用時，data.length 屬性將繼續表示整個資料集，無論是否套用任何過濾器。要取得過濾項目的計數，需要使用替代方法。

對於 Angular 1.3

Angular 1.3 引入了別名表達式，允許為過濾後的資料集指派別名。使用此別名，您可以存取過濾資料的長度，如下所示：

<div ng-repeat="person in data | filter:query as filtered">
</div>
<div>Showing {{filtered.length}} Persons</div>

對於1.3 之前的Angular

在Angular 的早期版本中，有一種解決方法是將過濾後的資料指派給一個新變量，然後使用該變數display:

<div ng-repeat="person in filtered = (data | filter: query)">
</div>
<div>Showing {{filtered.length}} Persons</div>

透過實作這些技術，您可以在Angular 應用程式中動態顯示過濾項目的計數，確保為使用者提供有關可見數據的準確資訊。

以上是如何在 Angular 中顯示 ng-repeat 中過濾資料的計數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！