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 相关文章推荐
jquery控制页面部分刷新的方法
Jun 24 Javascript
js判断日期时间有效性的方法
Oct 24 Javascript
JavaScript 数组中最大最小值
Jun 05 Javascript
jQuery实现可以编辑的表格实例详解【附demo源码下载】
Jul 09 Javascript
jQuery搜索框效果实现代码(百度关键词联想)
Feb 25 Javascript
Ubuntu系统下Angularjs开发环境安装
Sep 01 Javascript
Node.js开发教程之基于OnceIO框架实现文件上传和验证功能
Nov 30 Javascript
利用jquery禁止外层滚动条的滚动
Jan 05 Javascript
在Vue中如何使用Cookie操作实例
Jul 27 Javascript
node+express+ejs使用模版引擎做的一个示例demo
Sep 18 Javascript
如何使用less实现随机下雪动画详解
Jan 02 Javascript
Vue 组件注册全解析
Dec 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 采集心得技巧
2009/05/15 PHP
php中用数组的方法设置cookies
2011/04/21 PHP
php eval函数用法总结
2012/10/31 PHP
如何判断php数组的维度
2013/06/10 PHP
PHP实现无限极分类图文教程
2014/11/25 PHP
php操作memcache缓存方法分享
2015/06/03 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
javascript 面向对象编程 聊聊对象的事
2009/09/17 Javascript
三级下拉菜单的js实现代码
2011/05/23 Javascript
JS动态改变表格边框宽度的方法
2015/03/31 Javascript
javascript实现控制div颜色
2015/07/07 Javascript
利用D3.js实现最简单的柱状图示例代码
2016/12/09 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
2018/11/27 Javascript
微信小程序保存多张图片的实现方法
2019/03/05 Javascript
微信小程序在其他页面监听globalData中值的变化
2019/07/15 Javascript
JS前端模块化原理与实现方法详解
2020/03/17 Javascript
python实现删除文件与目录的方法
2014/11/10 Python
Python实现的最近最少使用算法
2015/07/10 Python
Python语言生成水仙花数代码示例
2017/12/18 Python
pandas的object对象转时间对象的方法
2018/04/11 Python
python merge、concat合并数据集的实例讲解
2018/04/12 Python
Django模型修改及数据迁移实现解析
2019/08/01 Python
python实现飞船大战
2020/04/24 Python
使用 django orm 写 exists 条件过滤实例
2020/05/20 Python
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
苏格兰销售女装、男装和童装的连锁店:M&Co
2018/03/16 全球购物
巴西补充剂和维生素购物网站:Natue
2019/06/17 全球购物
英国现代、当代和设计师家具店:Furntastic
2020/07/18 全球购物
新加坡第一的杂货零售商:NTUC FairPrice
2020/12/05 全球购物
abstract class和interface有什么区别?
2012/01/03 面试题
优秀村官事迹材料
2014/01/10 职场文书
学生保证书格式
2015/02/27 职场文书
食品药品安全责任书
2015/05/11 职场文书
《司马光》教学反思
2016/02/22 职场文书
Windows下redis下载、redis安装及使用教程
2021/06/02 Redis
Java SSH 秘钥连接mysql数据库的方法
2021/06/28 Java/Android