搜索

首页  >  问答  >  正文

angular.js - AngularJS点击搜索,实现数据变化,不通过重新请求接口的方法

1.页面如下:

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

滿天的星座滿天的星座2744 天前494

全部回复(2)我来回复

  • PHP中文网

    PHP中文网2017-05-15 17:11:18

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

    回复
    0
  • 天蓬老师

    天蓬老师2017-05-15 17:11:18

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

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

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

    回复
    0
  • 取消回复