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插件pagewalkthrough实现引导页效果
Jul 05 Javascript
RequireJS多页面应用实例分析
Jun 29 Javascript
AngularJS ng-bind-html 指令详解及实例代码
Jul 30 Javascript
jQuery使用Layer弹出层插件闪退问题
Dec 22 Javascript
Extjs让combobox写起来简洁又漂亮
Jan 05 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
vuejs手把手教你写一个完整的购物车实例代码
Jul 06 Javascript
详解Vue.js和layui日期控件冲突问题解决办法
Jul 25 Javascript
Element Backtop回到顶部的具体使用
Jul 27 Javascript
vue.js封装switch开关组件的操作
Oct 26 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
Dec 29 Javascript
React如何创建组件
Jun 27 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中在数据库中保存Checkbox数据(2)
2006/10/09 PHP
让PHP开发者事半功倍的十大技巧小结
2010/04/20 PHP
在PHP上显示JFreechart画的统计图方法
2013/11/03 PHP
PHP动态柱状图实现方法
2015/03/30 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
PHP获取客户端及服务器端IP的封装类
2016/07/21 PHP
Laravel中GraphQL接口请求频率实战记录
2020/09/01 PHP
js动态创建表格,删除行列的小例子
2013/07/20 Javascript
JavaScript常用脚本汇总(二)
2015/03/04 Javascript
javascript实现的图片切割多块效果实例
2015/05/07 Javascript
javascript iframe跨域详解
2016/10/26 Javascript
JS实现颜色动态淡化效果
2017/03/06 Javascript
详解Node.js实现301、302重定向服务
2017/04/07 Javascript
ES6学习教程之对象的扩展详解
2017/05/02 Javascript
ES6正则表达式扩展笔记
2017/07/25 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
2017/09/27 Javascript
Vue.js单向绑定和双向绑定实例分析
2018/08/14 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
2019/01/15 Javascript
解决vue中el-tab-pane切换的问题
2020/07/19 Javascript
python3 遍历删除特定后缀名文件的方法
2018/04/23 Python
Python远程开发环境部署与调试过程图解
2019/12/09 Python
浅谈Pytorch中的自动求导函数backward()所需参数的含义
2020/02/29 Python
在django中form的label和verbose name的区别说明
2020/05/20 Python
python如何使用腾讯云发送短信
2020/09/17 Python
Pandas之缺失数据的实现
2021/01/06 Python
在css3中background-clip属性与background-origin属性的用法介绍
2012/11/13 HTML / CSS
New Era英国官网:美国棒球帽品牌
2018/03/21 全球购物
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
文史专业毕业生自荐信
2013/11/17 职场文书
公司前台辞职报告
2014/01/19 职场文书
社会工作专业自荐信
2014/09/26 职场文书
2014年骨干教师工作总结
2014/12/19 职场文书
外国人来华邀请函
2015/01/31 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
Linux7.6二进制安装Mysql8.0.27详细操作步骤
2021/11/27 MySQL
mysql查看表结构的三种方法总结
2022/07/07 MySQL