这篇文章主要介绍了Angular实现的内置过滤器orderBy排序与模糊查询功能,涉及AngularJS过滤器、排序及字符串遍历、查询等相关操作技巧,需要的朋友可以参考下
本文实例讲述了Angular实现的内置过滤器orderBy排序与模糊查询功能。分享给大家供大家参考,具体如下:
先来看看运行效果:
具体代码如下:
www.jb51.net Angular模糊查询、排序*{
margin: 0;
padding: 0;
}
table{
margin: 100px auto;
border-collapse: collapse;
}
th,td{
padding: 10px;
border: 1px solid #000;
}
var myapp=angular.module("myapp",[]);
myapp.controller("myCtrl",function ($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.filt=""*/
})
名字出版情况更新时间是否有库存
{{item.name|lowercase}}{{item.public}}{{item.update |date:'yyyy年MM月dd日 hh:mm:ss EEE'}}{{item.has}}{{price|currency:"¥"}}
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章: