整理文档,搜刮出一个angularJs使用$手表和$筛选器过滤器制作搜索筛选,稍微整理精简一下做下分享。
div ng-app=' module ' ng-controller=' ctrl '搜索:输入类型='text' ng-model='search '表格边框='1 '宽度='600' tr td编号运输署/运输署点击数运输署/运输署标题/TD/tr ng-repeat='列表中的'(k,v)' TD { { v . id } }/TD TD { { v . click } }/TD TD { { v . title } }/TD/tr/table/div脚本var m=angular。模块(' module ',[]);m.controller('ctrl ',['$scope ',' $filter ',function ($scope,$ filter){ $ scope。数据=[{ id : 1,点击: 100,标题: '百度},{id: 2,点击: 200,标题: '腾讯},{id: 3,点击: 300,标题: '谷歌'}, ];//临时数据用于显示$ scope。list=$ scope。数据;$scope .$watch('search ',function(n,o){ $ scope。list=$ filter(' filter ')($ scope。数据,n);});}]);/script效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。