有角度实现的内置过滤器排序排序与模糊查询功能示例

本文实例讲述了有角的实现的内置过滤器排序排序与模糊查询功能。分享给大家供大家参考，具体如下：

先来看看运行效果：

具体代码如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' titlewww.jb51.net Angular模糊查询、排序/title style * { margin : 0；padd : 0；}表格{ margin: 100px auto边界崩溃：崩溃；} th，td { padding: 10pxborder: 1px固体# 000;}/style脚本src=' http : angular。量滴js '/script脚本var myapp=angular。模块(' myapp '，[])；myapp.controller('myCtrl '，函数($ scope){ $ scope。books=[{ name : ' JavaScript '，public:false，update:'1504707661308 '，has:true }，{ name:'Angular权威教程，public:false，update:'1204707661308 '，has:false }，{ name:'Vue实战，public:false，update:'1804707661308 '，has:false }，{ name:'JavaScript '，public:true，update:'1504707561308 '，has : true }]；$ scope.price=' 99.9/* $ scope。filter=' ' */})/script/head body ng-app=' myapp ' ng-controller=' myCtrl '输入类型=' text ' ng-model=' filter '表DTR th名字/th出版情况/th更新时间/th是否有库存/th /tr/thead tbody！-|限于：2显示两条数据-tr ng-repeat='书籍中的项目| filter : filter | order by : '-name ' : false ' TD { { item }。名称|小写} }/TD TD { { item。public } }/TD { { item。更新|日期： ' yyyy年梅智节拍器月截止日期(截止日期的缩写)日hh :mm :s EEE ' } }/TD TD TD { { item。has } }/TD/tr/t body/tablediv { { price | currency : ' } ' }/div/body/html更多关于AngularJS相关内容感兴趣的读者可查看本站专题： 《AngularJS指令操作技巧总结》 、 《AngularJS入门与进阶教程》 及《AngularJS MVC架构总结》

希望本文所述对大家AngularJS程序设计有所帮助。