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 相关文章推荐
ajax中get和post的说明及使用与区别
Dec 23 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
May 19 Javascript
js匿名函数作为函数参数详解
Jun 01 Javascript
浅谈Angular4中常用管道
Sep 27 Javascript
详解node.js 下载图片的 2 种方式
Mar 02 Javascript
Vue 中使用 CSS Modules优雅方法
Apr 09 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
Oct 19 Javascript
微信小程序新手教程之启动页的重要性
Mar 03 Javascript
微信小程序云开发之使用云函数
May 17 Javascript
微信小程序 高德地图路线规划实现过程详解
Aug 05 Javascript
vue实现短信验证码输入框
Apr 17 Javascript
Ajax是什么?Ajax高级用法之Axios技术
Apr 21 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 攻击方法之谈php+mysql注射语句构造
2009/10/30 PHP
php 读写json文件及修改json的方法
2018/03/07 PHP
Laravel框架模板继承操作示例
2018/06/11 PHP
javascript下有关dom以及xml节点访问兼容问题
2007/11/26 Javascript
JS字符串函数扩展代码
2011/09/13 Javascript
自己用jQuery写了一个图片的马赛克消失效果
2014/05/04 Javascript
JavaScript实现cookie的写入、读取、删除功能
2015/11/05 Javascript
关于获取DIV内部内容报错的原因分析及解决办法
2016/01/29 Javascript
bootstrap select插件封装成Vue2.0组件
2017/04/17 Javascript
vue.js实现只弹一次弹框
2018/01/29 Javascript
简述vue路由打开一个新的窗口的方法
2018/11/29 Javascript
在element-ui的select下拉框加上滚动加载
2019/04/18 Javascript
解决vue单页面修改样式无法覆盖问题
2019/08/05 Javascript
微信js-sdk 录音功能的示例代码
2019/11/01 Javascript
微信小程序实现弹框效果
2020/05/26 Javascript
[44:33]EG vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
讲解python参数和作用域的使用
2013/11/01 Python
python中随机函数random用法实例
2015/04/30 Python
python开发之字符串string操作方法实例详解
2015/11/12 Python
Python编程之序列操作实例详解
2017/07/22 Python
Python实现调用另一个路径下py文件中的函数方法总结
2018/06/07 Python
Python中使用遍历在列表中添加字典遇到的坑
2019/02/27 Python
浅谈python之高阶函数和匿名函数
2019/03/21 Python
使用GitHub和Python实现持续部署的方法
2019/05/09 Python
树莓派+摄像头实现对移动物体的检测
2019/06/22 Python
python路径的写法及目录的获取方式
2019/12/26 Python
python3用urllib抓取贴吧邮箱和QQ实例
2020/03/10 Python
俄罗斯品牌服装在线商店:VIPAVENUE
2020/08/10 全球购物
中医专业职业生涯规划书范文
2014/01/04 职场文书
法律进学校实施方案
2014/03/15 职场文书
生产操作工岗位职责
2014/09/16 职场文书
小班下学期幼儿评语
2014/12/30 职场文书
个人工作年终总结
2015/03/09 职场文书
创业计划书之校园跑腿公司
2019/09/24 职场文书
《LOL》“克隆大作战”久违归来 幻灵战队皮肤上线
2022/04/03 其他游戏
win10电脑右下角输入法图标不见了?Win10右下角不显示输入法的解决方法
2022/07/23 数码科技