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 相关文章推荐
JS面向对象编程浅析
Aug 28 Javascript
Jquery 数据选择插件Pickerbox使用介绍
Aug 24 Javascript
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
Dec 17 Javascript
jquery插件hiAlert实现网页对话框美化
May 03 Javascript
js点击按钮实现带遮罩层的弹出视频效果
Dec 19 Javascript
jQuery可见性过滤选择器用法示例
Sep 09 Javascript
基于jQuery实现的打字机效果
Jan 16 Javascript
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
解决一个微信号同时支持多个环境网页授权问题
Aug 07 Javascript
Element Card 卡片的具体使用
Jul 26 Javascript
vue 动态添加class,三个以上的条件做判断方式
Nov 02 Javascript
vue中watch的用法汇总
Dec 28 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缩小png图片不损失透明色的解决方法
2013/12/25 PHP
Windows下的PHP安装pear教程
2014/10/24 PHP
PHP版微信小店接口开发实例
2016/11/12 PHP
记录一次排查PHP脚本执行卡住的问题
2016/12/27 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
phpQuery采集网页实现代码实例
2020/04/02 PHP
jquery实现未经美化的简洁TAB菜单效果
2015/08/28 Javascript
js正则表达式验证邮件地址
2015/11/12 Javascript
jQuery中的一些常见方法小结(推荐)
2016/06/13 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
2016/08/08 Javascript
JavaScript DOM节点操作方法总结
2016/08/23 Javascript
ionic组件ion-tabs选项卡切换效果实例
2016/08/27 Javascript
Javascript使用SWFUpload进行多文件上传
2016/11/16 Javascript
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
在vue 中使用 less的教程详解
2018/09/26 Javascript
Mint UI组件库CheckList使用及踩坑总结
2018/12/20 Javascript
从0到1搭建element后台框架优化篇(打包优化)
2019/05/12 Javascript
js 将线性数据转为树形的示例代码
2019/05/28 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
js中比较两个对象是否相同的方法示例
2019/09/02 Javascript
解决layer弹出层自适应页面大小的问题
2019/09/16 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
2021/02/04 jQuery
python用字典统计单词或汉字词个数示例
2014/04/22 Python
Python+OpenCV让电脑帮你玩微信跳一跳
2018/01/04 Python
完美解决Python matplotlib绘图时汉字显示不正常的问题
2019/01/29 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
python 求一个列表中所有元素的乘积实例
2019/06/11 Python
Python filter过滤器原理及实例应用
2020/08/18 Python
Python文件操作及内置函数flush原理解析
2020/10/13 Python
应聘自荐书
2013/10/08 职场文书
历史专业个人求职信分享
2013/12/20 职场文书
2014年公司植树节活动方案
2014/03/04 职场文书
银行柜员求职自荐书
2014/06/18 职场文书
买房协议书范本
2014/10/23 职场文书
企业党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
Mysql排序的特性详情
2021/11/01 MySQL