angular.js - AngularJS点击搜索,实现数据变化,不通过重新请求接口的方法
滿天的星座
滿天的星座 2017-05-15 17:09:18
0
2
523

1.页面如下:

2.文本框输入内容,点击搜索ICON,可以过滤下面的列表。

滿天的星座
滿天的星座

Antworte allen(2)
Ty80

除非一次性 请求所有的数据下来,用filter 做过滤,可以不重新请求实现,并且可以不用点击 就实现,但是 这样会造成一次性下载的数据过多。

Peter_Zhu

ng-repeat="obj in objs | filter: test"

这里的test用ng-model绑定上面搜索框的值,可以实现你说的效果,自带的过滤器是实时过滤的,你只要输入就会去自动帮你去找到对应的数据

但是在真实的生产环境中,数据比较多的时候,这种过滤的方式就不太适用了.

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage