angularJs中orderBy筛选以及filter过滤数据的方法
更新时间:2018年09月30日 10:32:35 作者:泠泠在路上
今天小编就为大家分享一篇angularJs中orderBy筛选以及filter过滤数据的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
如下所示:
<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过滤数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
AngularJS提供了表单验证,但是验证的过程交互体验很不好,比如重设密码,重复密码的时候一键入就会提示密码不正确。现在小编给大家整理了两种方法,需要的的朋友参考下吧2017-05-05Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解
这篇文章主要给大家介绍了关于Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法,文中介绍了两个解决方法,大家可以选择使用,需要的朋友可以参考借鉴,下面来一起看看吧。2018-04-04
最新评论