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 相关文章推荐
取选中的radio的值
Jan 11 Javascript
jquery 查找新建元素代码
Jul 06 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
Sep 16 Javascript
JQury slideToggle闪烁问题及解决办法
Jul 05 Javascript
jQuery常见开发技巧详细整理
Jan 02 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
Jan 17 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
Jun 10 Javascript
基于JavaScript代码实现随机漂浮图片广告
Jan 05 Javascript
基于JQuery实现图片上传预览与删除操作
May 24 Javascript
js操作数据库实现注册和登陆的简单实例
May 26 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
Jun 21 Javascript
vue+vant实现购物车全选和反选功能
Nov 17 Vue.js
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+oracle 分页类
2006/10/09 PHP
php中serialize序列化与json性能测试的示例分析
2013/04/27 PHP
php一行代码获取文件后缀名实例分析
2014/11/12 PHP
php中substr()函数参数说明及用法实例
2014/11/15 PHP
php读取mssql的ntext字段返回值为空的解决方法
2014/12/30 PHP
php+ajax实现无刷新动态加载数据技术
2015/04/28 PHP
php获取远程文件大小
2015/10/20 PHP
利用WebBrowser彻底解决Web打印问题(包括后台打印)
2009/06/22 Javascript
JavaScript iframe的相互操作浅析
2009/10/14 Javascript
几个有趣的Javascript Hack
2010/07/24 Javascript
Javascript中 关于prototype属性实现继承的原理图
2013/04/16 Javascript
Extjs4中的分页应用结合前后台
2013/12/13 Javascript
基于jQuery实现网页打印功能
2015/12/01 Javascript
JavaScript九九乘法口诀表的简单实现
2016/10/04 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
2017/01/11 Javascript
Javascript中this关键字指向问题的测试与详解
2017/08/11 Javascript
详解Vue-cli webpack移动端自动化构建rem问题
2018/04/07 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
element-ui 表格数据时间格式化的方法
2018/08/24 Javascript
Element-ui中元素滚动时el-option超出元素区域的问题
2019/05/30 Javascript
Vue.js实现可编辑的表格
2019/12/11 Javascript
[00:38]TI珍贵瞬间系列(二):笑
2020/08/26 DOTA
python中pycurl库的用法实例
2014/09/30 Python
浅谈Python中的闭包
2015/07/08 Python
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
应届生新闻编辑求职信
2013/11/19 职场文书
动物科学专业毕业生的自我评价
2013/11/29 职场文书
品质标语大全
2014/06/21 职场文书
司法工作人员群众路线对照检查材料思想汇报
2014/09/30 职场文书
群众路线教育实践活动实施方案
2014/10/31 职场文书
CSS3实现的文字弹出特效
2021/04/16 HTML / CSS
JS + HTML 罗盘式时钟的实现
2021/05/21 Javascript
tensorboard 可视化之localhost:6006不显示的解决方案
2021/05/22 Python