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 相关文章推荐
HTML Dom与Css控制方法
Oct 25 Javascript
javascript动态修改Li节点值的方法
Jan 20 Javascript
JS时间特效最常用的三款
Aug 19 Javascript
Javascript中级语法快速入手
Jul 30 Javascript
AngularJS的脏检查深入分析
Apr 22 Javascript
JavaScript实现异步图像上传功能
Jul 12 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
Aug 24 Javascript
cordova+vue+webapp使用html5获取地理位置的方法
Jul 06 Javascript
微信小程序实现原生步骤条
Jul 25 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
Nov 13 Javascript
JavaScript如何操作css
Oct 24 Javascript
小程序实现侧滑删除功能
Jun 25 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中iconv函数使用方法
2008/05/24 PHP
php数组删除元素示例
2014/03/21 PHP
php实现删除空目录的方法
2015/03/16 PHP
又拍云异步上传实例教程详解
2016/04/19 PHP
再谈PHP中单双引号的区别详解
2016/06/12 PHP
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
extjs中grid中嵌入动态combobox的应用
2011/01/01 Javascript
原生javascript实现的分页插件pagenav
2014/08/28 Javascript
使用typeof方法判断undefined类型
2014/09/09 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
javascript排序函数实现数字排序
2015/06/26 Javascript
JavaScript定时器和优化的取消定时器方法
2015/07/03 Javascript
javascript实现列表滚动的方法
2015/07/30 Javascript
jQuery插件passwordStrength密码强度指标详解
2016/06/24 Javascript
原生js实现可拖动的登录框效果
2017/01/21 Javascript
ES6正则的扩展实例详解
2017/04/25 Javascript
vue-froala-wysiwyg 富文本编辑器功能
2019/09/19 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
[01:11:32]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python开发中module模块用法实例分析
2015/11/12 Python
Python中列表元素转为数字的方法分析
2016/06/14 Python
Python随机函数库random的使用方法详解
2019/08/21 Python
pytorch实现Tensor变量之间的转换
2020/02/17 Python
Python如何发送与接收大型数组
2020/08/07 Python
python实现简单贪吃蛇游戏
2020/09/29 Python
通过Python pyecharts输出保存图片代码实例
2020/11/25 Python
Python关于拓扑排序知识点讲解
2021/01/04 Python
CSS3中background-clip和background-origin的区别示例介绍
2014/03/10 HTML / CSS
香港通票:Hong Kong Pass
2019/02/26 全球购物
优秀的自荐信要注意哪些
2014/01/03 职场文书
前台文员岗位职责
2015/02/04 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
新郎父母婚礼答谢词
2015/09/29 职场文书
新手必备之MySQL msi版本下载安装图文详细教程
2021/05/21 MySQL
Python使用Kubernetes API访问集群
2021/05/30 Python
MyBatis 动态SQL全面详解
2021/10/05 MySQL