如果我使用ng-repeat
和filter
,如何確定有多少元素被過濾掉(反之亦然,顯示了多少元素)?具體來說,我想創建一個搜索欄來創建過濾器,但我也想顯示過濾器隱藏了多少元素(即類似Showing 6 of 10 results
)。確定ng-repeat過濾器顯示的結果數量
1
A
回答
4
請看這裏http://jsbin.com/xuyuy/1/edit
在您的中繼器,你可以創建新的數組即:personsfiltered
ng-repeat="person in personsfilterd = (persons | filter : search)
,之後只顯示一部開拓創新數組的長度和濾波陣列:
Showing {{personsfilterd.length}} of {{persons.length }} results
Full代碼在這裏:
var app = angular.module('app', []);
app.controller('fCtrl', function($scope) {
$scope.persons = [
'Mike', 'Tom', 'Tim', 'Jim', 'Ken'
]
});
<div ng-app="app">
<div ng-controller="fCtrl">
<input type="text" ng-model = "search"> Showing {{personsfilterd.length}} of {{persons.length }} results
<li ng-repeat="person in personsfilterd = (persons | filter : search)">{{person}}</li>
</div>
</div>
0
首先,ngRepeat
具有這些:$index
,$first
,$middle
,$last
用於確定所述當前位置。所以我想你可能對$last
感興趣。我不確定的是它是否會提取原始計數或已過濾的計數。
編輯: 您可以從CTRL獲得原始值的計數,通過設置varX.length
和使用在你的模板(HTML代碼),然後,假設$last
被返回最終計數+ 1(因爲它是0 - 基於)你可以在應用過濾器後計數。
0
我發現我的回答here。解決方案是將過濾的數據分配給ng-repeat
中的新變量。可能會導致一些內存問題,但在我的情況下並不真正相關。
相關問題
- 1. ngRepeat - 顯示結果的數量限制
- 2. 過濾器分類並顯示結果
- 3. jquery過濾器顯示不穩定的結果
- 4. 顯示未過濾的結果
- 5. Android:自定義過濾器不顯示結果,.clear()和.addAll()有
- 6. WPDataTables只顯示過濾結果
- 7. shouldReloadTableForSearchString不顯示過濾結果
- 8. 有條件地過濾由變量值確定的結果
- 9. 過濾結果不準確
- 10. 過濾自定義適配器返回不正確的結果
- 11. 顯示產品結果的文本框過濾器
- 12. 如何在AngularJS中顯示過濾器的計算結果?
- 13. 過濾器2列顯示列3的輸出結果numpy python
- 14. 顯示暴露過濾器的默認值沒有結果
- 15. Jquery移動listview與過濾器顯示錯誤的結果
- 16. 顯示特定的過濾搜索結果
- 17. ngRepeat過濾結果到另一個頁面
- 18. 使用createdOn過濾器過濾結果
- 19. 過濾數據並按no排序顯示結果。的職位
- 20. 使用wireshark的顯示過濾器來過濾流量
- 21. 僅當輸入提供時顯示過濾器結果 - AngularJS
- 22. Angular.js過濾器在空輸入上顯示沒有結果
- 23. 基於過濾器隱藏/顯示結果
- 24. 在SPARQL中顯示過濾器後出現重複結果
- 25. 過濾器XSLT結果
- 26. 過濾器結果出錯
- 27. 過濾器Yelp API結果
- 28. 過濾器'belongsTo'結果
- 29. AngularJS:過濾器,結果
- 30. 不確定如何顯示結果// javascript
我正在使用這一段時間,它工作得很好,但由於某種原因停止工作。你可以在我的新問題上發表意見:http://stackoverflow.com/questions/26341910/variable-set-in-ng-repeat-not-being-created – 2014-10-13 14:43:44