第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何顯示過濾后的ng重復(fù)數(shù)據(jù)的長(zhǎng)度

如何顯示過濾后的ng重復(fù)數(shù)據(jù)的長(zhǎng)度

ABOUTYOU 2019-07-02 15:34:56
如何顯示過濾后的ng重復(fù)數(shù)據(jù)的長(zhǎng)度我有一個(gè)數(shù)據(jù)數(shù)組,它包含許多對(duì)象(JSON格式)??梢约俣ㄒ韵聝?nèi)容為該數(shù)組的內(nèi)容:var data = [   {     "name": "Jim",     "age" : 25   },   {     "name": "Jerry",     "age": 27   }];現(xiàn)在,我將這些細(xì)節(jié)顯示為:<div ng-repeat="person in data | filter: query"></div在這里,查詢被建模為一個(gè)輸入字段,用戶可以在其中限制顯示的數(shù)據(jù)?,F(xiàn)在,我有另一個(gè)位置顯示正在顯示的人/人的當(dāng)前計(jì)數(shù),即Showing {{data.length}} Persons我想要做的是,當(dāng)用戶搜索某個(gè)人并且顯示的數(shù)據(jù)根據(jù)查詢進(jìn)行篩選時(shí),Showing...persons還更改當(dāng)前顯示的人員的值。但這并沒有發(fā)生。它總是顯示數(shù)據(jù)中的總?cè)藬?shù),而不是過濾的數(shù)據(jù)-如何獲得過濾數(shù)據(jù)的計(jì)數(shù)?
查看完整描述

3 回答

?
慕慕森

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超17個(gè)贊

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

假設(shè)你的名單data變量,然后使用query模型中,下面的代碼將適用于您:

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

    -印刷總?cè)藬?shù)
  • {{(data|filter:query).length}}

    -印刷品過濾人數(shù)

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

角1.3的新特征

AngularJS創(chuàng)建者也注意到了這個(gè)問題和版本1.3(Beta 17)他們添加了“別名”表達(dá)式,它將在應(yīng)用過濾器之后存儲(chǔ)中繼器的中間結(jié)果。

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

這個(gè)別名表達(dá)式將防止多個(gè)篩選器執(zhí)行問題。

我希望這會(huì)有所幫助。


查看完整回答
反對(duì) 回復(fù) 2019-07-02
?
忽然笑

TA貢獻(xiàn)1806條經(jīng)驗(yàn) 獲得超5個(gè)贊

如果你有

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

濾波數(shù)據(jù)長(zhǎng)度

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


查看完整回答
反對(duì) 回復(fù) 2019-07-02
  • 3 回答
  • 0 關(guān)注
  • 588 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)