文章詳情頁
angular.js - AngularJS點(diǎn)擊搜索,實(shí)現(xiàn)數(shù)據(jù)變化,不通過重新請求接口的方法
瀏覽:137日期:2024-09-22 18:08:12
問題描述
1.頁面如下:
2.文本框輸入內(nèi)容,點(diǎn)擊搜索ICON,可以過濾下面的列表。
問題解答
回答1:除非一次性 請求所有的數(shù)據(jù)下來,用filter 做過濾,可以不重新請求實(shí)現(xiàn),并且可以不用點(diǎn)擊 就實(shí)現(xiàn),但是 這樣會(huì)造成一次性下載的數(shù)據(jù)過多。
回答2:ng-repeat='obj in objs | filter: test'
這里的test用ng-model綁定上面搜索框的值,可以實(shí)現(xiàn)你說的效果,自帶的過濾器是實(shí)時(shí)過濾的,你只要輸入就會(huì)去自動(dòng)幫你去找到對應(yīng)的數(shù)據(jù)
但是在真實(shí)的生產(chǎn)環(huán)境中,數(shù)據(jù)比較多的時(shí)候,這種過濾的方式就不太適用了.
相關(guān)文章:
排行榜

熱門標(biāo)簽