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 相关文章推荐
parseInt parseFloat js字符串转换数字
Aug 01 Javascript
form表单只提交数据而不进行页面跳转的解决方案
Sep 18 Javascript
jquery实现加载等待效果示例
Sep 25 Javascript
简单的Jquery全选功能
Nov 07 Javascript
js实现单行文本向上滚动效果实例代码
Nov 28 Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
May 19 Javascript
JS实现支持Ajax验证的表单插件
Mar 24 Javascript
js插件dropload上拉下滑加载数据实例解析
Jul 27 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
Apr 10 Javascript
基于DOM节点删除之empty和remove的区别(详解)
Sep 11 Javascript
AngularJS实现的自定义过滤器简单示例
Feb 02 Javascript
彻底揭秘keep-alive原理(小结)
May 05 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以fastCGI的方式运行时文件系统权限问题及解决方法
2015/05/11 PHP
浅析Yii2集成富文本编辑器redactor实例教程
2016/04/25 PHP
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
2007/08/15 Javascript
Jquery效果大全之制作电脑健康体检得分特效附源码下载
2015/11/02 Javascript
JQUERY的AJAX请求缓存里的数据问题处理
2016/02/23 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
2016/03/10 Javascript
js 数字、字符串、布尔值的转换方法(必看)
2017/04/07 Javascript
小程序封装路由文件和路由方法(5种全解析)
2019/05/26 Javascript
Async/Await替代Promise的6个理由
2019/06/15 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
2020/08/13 Javascript
js 将多个对象合并成一个对象 assign方法的实现
2020/09/24 Javascript
python中 ? : 三元表达式的使用介绍
2013/10/09 Python
python中enumerate的用法实例解析
2014/08/18 Python
Python中用于转换字母为小写的lower()方法使用简介
2015/05/19 Python
浅谈python类属性的访问、设置和删除方法
2016/07/25 Python
python实现分页效果
2017/10/25 Python
python实现在pandas.DataFrame添加一行
2018/04/04 Python
python交易记录链的实现过程详解
2019/07/03 Python
python随机模块random使用方法详解
2020/02/14 Python
Django数据统计功能count()的使用
2020/11/30 Python
用Python实现童年贪吃蛇小游戏功能的实例代码
2020/12/07 Python
python中用ggplot绘制画图实例讲解
2021/01/26 Python
jupyter notebook指定启动目录的方法
2021/03/02 Python
de Bijenkorf比利时官网:荷兰最知名的百货商店
2017/06/29 全球购物
GIVENCHY纪梵希官方旗舰店:高定彩妆与贵族护肤品
2018/04/16 全球购物
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
长安大学毕业生自我鉴定
2014/01/17 职场文书
交通事故赔偿协议书
2014/04/15 职场文书
出售房屋委托书范本
2014/09/24 职场文书
银行反四风对照检查材料
2014/09/29 职场文书
党员个人整改方案及措施
2014/10/25 职场文书
2014年新农村建设工作总结
2014/12/01 职场文书
2014年标准化工作总结
2014/12/17 职场文书
2015年度绩效考核工作总结
2015/05/27 职场文书
Python编写冷笑话生成器
2022/04/20 Python
Spring Boot实现文件上传下载
2022/08/14 Java/Android