angularJs中orderBy筛选以及filter过滤数据的方法


Posted in Javascript onSeptember 30, 2018

如下所示:

<div ng-app="module" ng-controller="ctrl">
 <!--按照click降序排序-->
 {{data|orderBy:'click':true}}<br>

 <!--按照id升序排序-->
 {{data|orderBy:'id':false}}<br>

 <!--筛选匹配3的数据-->
 {{data|filter:'3'}}<br>

 <!--筛选完全匹配‘百度'-->
 {{data|filter:'百度':true}}<br>
</div>
<script>
 var m = angular.module('module', []);
 m.controller('ctrl', ['$scope', function ($scope) {
  $scope.data=[
   {id:1,click:100,title:'百度'},
   {id:2,click:350,title:'谷歌'},
   {id:3,click:300,title:'网易'},
  ];
 }]);
</script>

效果图:

angularJs中orderBy筛选以及filter过滤数据的方法

以上这篇angularJs中orderBy筛选以及filter过滤数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
Jul 08 Javascript
jQuery load方法用法集锦
Dec 06 Javascript
JS对象转换为Jquery对象实现代码
Dec 29 Javascript
JQuery实现鼠标移动到图片上显示边框效果
Jan 09 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
Jan 22 Javascript
js获取一组日期中最近连续的天数
May 25 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
Feb 26 Javascript
网页爬虫之cookie自动获取及过期自动更新的实现方法
Mar 06 Javascript
JavaScript基础教程之如何实现一个简单的promise
Sep 11 Javascript
swiper.js插件实现pc端文本上下滑动功能示例
Dec 03 Javascript
JS定时器如何实现提交成功提示功能
Jun 12 Javascript
JS实现鼠标移动拖尾
Dec 27 Javascript
jQuery实现点击图标div循环放大缩小功能
Sep 30 #jQuery
angularJs使用ng-repeat遍历后选中某一个的方法
Sep 30 #Javascript
基于VUE实现的九宫格抽奖功能
Sep 30 #Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 #Javascript
关于AngularJS中ng-repeat不更新视图的解决方法
Sep 30 #Javascript
angular5 子组件监听父组件传入值的变化方法
Sep 30 #Javascript
小程序视频或音频自定义可拖拽进度条的示例代码
Sep 30 #Javascript
You might like
php 301转向实现代码
2008/09/18 PHP
PHP文件大小格式化函数合集
2014/03/10 PHP
PHP实现UTF8二进制及明文字符串的转化功能示例
2017/11/20 PHP
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
理解Javascript_03_javascript全局观
2010/10/11 Javascript
关于jquery.validate1.9.0前台验证的使用介绍
2013/04/26 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
2013/07/09 Javascript
关于js中for in的缺陷浅析
2013/12/02 Javascript
js出生日期 年月日级联菜单示例代码
2014/01/10 Javascript
js中小数转换整数的方法
2014/01/26 Javascript
纯css+js写的一个简单的tab标签页带样式
2014/01/28 Javascript
做web开发 先学JavaScript
2014/12/12 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
2015/08/31 Javascript
Node.js的Koa框架上手及MySQL操作指南
2016/06/13 Javascript
下一代Bootstrap的5个特点 超酷炫!
2016/06/17 Javascript
JavaScript中apply方法的应用技巧小结
2016/09/29 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
在小程序中使用canvas的方法示例
2018/09/17 Javascript
js 闭包深入理解与实例分析
2020/03/19 Javascript
Vue $emit()不能触发父组件方法的原因及解决
2020/07/28 Javascript
Python使用pylab库实现画线功能的方法详解
2017/06/08 Python
Python中的pygal安装和绘制直方图代码分享
2017/12/08 Python
Python使用OpenCV进行标定
2018/05/08 Python
Python使用googletrans报错的解决方法
2018/09/25 Python
python用opencv批量截取图像指定区域的方法
2019/01/24 Python
基于python解线性矩阵方程(numpy中的matrix类)
2019/10/21 Python
Python进程Multiprocessing模块原理解析
2020/02/28 Python
基于CSS3实现图片模糊过滤效果
2015/11/19 HTML / CSS
如何利用cmp命令比较文件
2013/09/23 面试题
电子信息专业学生自荐信
2013/11/09 职场文书
在人间读书笔记
2015/06/30 职场文书
幼儿园卫生保健制度
2015/08/05 职场文书
培训后的感想
2015/08/07 职场文书
SQLServer中exists和except用法介绍
2021/12/04 SQL Server
Tomcat starup.bat 脚本实现开机自启动
2022/04/20 Servers
Java界面编程实现界面跳转
2022/06/16 Java/Android