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 相关文章推荐
JavaScript聚焦于第一个字段的代码
Oct 15 Javascript
JQuery扩展插件Validate—4设置错误提示的样式
Sep 05 Javascript
表头固定(利用jquery实现原理介绍)
Nov 08 Javascript
[原创]JQuery 在表单提交之前修改 提交的值
Apr 14 Javascript
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
Jun 02 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
Jun 12 Javascript
Web程序员必备的7个JavaScript函数
Jun 14 Javascript
老生常谈 js中this的指向
Jun 30 Javascript
Vue.js弹出模态框组件开发的示例代码
Jul 26 Javascript
使用Karma做vue组件单元测试的实现
Jan 16 Javascript
Vue获取页面元素的相对位置的方法示例
Feb 05 Javascript
vue实现简单图片上传
Jun 30 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容易被忽略而出错陷阱 数字与字符串比较
2011/11/10 PHP
php实现文件下载(支持中文文名)
2013/12/04 PHP
php实现信用卡校验位算法THE LUHN MOD-10示例
2014/05/07 PHP
php使用gettimeofday函数返回当前时间并存放在关联数组里
2015/03/19 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
PHP和MySql中32位和64位的整形范围是多少
2016/02/18 PHP
CI框架简单分页类用法示例
2020/06/06 PHP
greybox——不开新窗口看新的网页
2007/02/20 Javascript
验证javascript中Object和Function的关系的三段简单代码
2010/06/27 Javascript
基于jquery的图片轮播 tab切换组件
2012/07/19 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
2012/08/24 Javascript
js判断选择时间不能小于当前时间的示例代码
2013/09/24 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
2015/03/26 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
2018/09/28 Javascript
electron + vue项目实现打印小票功能及实现代码
2018/11/25 Javascript
JQuery Ajax执行跨域请求数据的解决方案
2018/12/10 jQuery
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
微信小程序 button样式设置为图片的方法
2020/06/19 Javascript
python装饰器使用方法实例
2013/11/21 Python
Python实现合并字典的方法
2015/07/07 Python
Python的Flask框架的简介和安装方法
2015/11/13 Python
基于Python __dict__与dir()的区别详解
2017/10/30 Python
python模块之paramiko实例代码
2018/01/31 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
python使用suds调用webservice接口的方法
2019/01/03 Python
Python自动化运维之Ansible定义主机与组规则操作详解
2019/06/13 Python
Python模块常用四种安装方式
2020/10/20 Python
联想瑞士官方网站:Lenovo Switzerland
2017/11/19 全球购物
测绘工程专业个人自我评价
2013/12/01 职场文书
乔迁之喜主持词
2014/03/27 职场文书
厨师个人自我鉴定范文
2014/04/19 职场文书
导师推荐信范文
2014/05/09 职场文书
学校交通安全责任书
2014/08/25 职场文书
争先创优演讲稿
2014/09/15 职场文书
三方股份合作协议书
2014/10/13 职场文书
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
2021/04/13 Javascript