已解決430363個問題，去搜搜看，總會有你想問的

如何顯示過濾后的ng重復數據的長度

首頁猿問如何顯示過濾后的ng重復數據的長度

如何顯示過濾后的ng重復數據的長度

AngularJS JavaScript

ABOUTYOU 2019-07-02 15:34:56

如何顯示過濾后的ng重復數據的長度我有一個數據數組，它包含許多對象(JSON格式)?？梢约俣ㄒ韵聝热轂樵摂到M的內容：var data = [ { "name": "Jim", "age" : 25 }, { "name": "Jerry", "age": 27 }];現在，我將這些細節顯示為：<div ng-repeat="person in data | filter: query"></div在這里，查詢被建模為一個輸入字段，用戶可以在其中限制顯示的數據?，F在，我有另一個位置顯示正在顯示的人/人的當前計數，即Showing {{data.length}} Persons我想要做的是，當用戶搜索某個人并且顯示的數據根據查詢進行篩選時，Showing...persons還更改當前顯示的人員的值。但這并沒有發生。它總是顯示數據中的總人數，而不是過濾的數據-如何獲得過濾數據的計數？

查看完整描述

3 回答

慕慕森

TA貢獻1856條經驗獲得超17個贊

為了完整起見，除了以前的答案(執行控制器內可見人員的計算)之外，還可以在HTML模板中執行該計算，如下例所示。

假設你的名單data變量，然后使用query模型中，下面的代碼將適用于您：

<p>Number of visible people: {{(data|filter:query).length}}</p><p>Total number of people: {{data.length}}</p>

{{data.length}}
-印刷總人數
{{(data|filter:query).length}}
-印刷品過濾人數

注如果要使用篩選過的數據，則此解決方案工作正常。只有一次在一頁紙上。但是，如果您不止一次使用過濾過的數據，例如顯示項和顯示篩選列表的長度，我建議使用別名表達式(下文介紹)為AngularJS1.3+或建議的解決方案@Wumms適用于1.3之前的AngularJS版本。

角1.3的新特征

AngularJS創建者也注意到了這個問題和版本1.3(Beta 17)他們添加了“別名”表達式，它將在應用過濾器之后存儲中繼器的中間結果。

<div ng-repeat="person in data | filter:query as results">
    <!-- template ... --></div><p>Number of visible people: {{results.length}}</p>

這個別名表達式將防止多個篩選器執行問題。

我希望這會有所幫助。

反對回復 2019-07-02

忽然笑

TA貢獻1806條經驗獲得超5個贊

如果你有

<div ng-repeat="person in data | filter: query"></div>

濾波數據長度

<div>{{ (data | filter: query).length }}</div>

反對回復 2019-07-02

3 回答
0 關注
590 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何顯示過濾后的ng重復數據的長度

如何顯示過濾后的ng重復數據的長度

3 回答

添加回答