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过滤数据的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了angular中的默认路由的用法,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-02-02
这篇文章主要介绍了详解Angular cli配置过程记录，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
这篇文章主要介绍了Ionic+AngularJS实现登录和注册带验证功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-02-02
AngularJS提供丰富填写表单和验证。我们可以用ng-click来处理AngularJS点击按钮事件，然后使用 $dirty 和 $invalid标志做验证的方式。使用novalidate表单声明禁止任何浏览器特定的验证。下面我们来看看如何使用angularjs创建简单表格2016-01-01
这篇文章主要介绍了Angular中$cacheFactory缓存的使用,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
本文主要介绍AngularJS ng-class-even 指令,这里整理了ng-class-even基础知识资料,并附实例代码和效果图,学习AngularJS指令的朋友可以看下2016-08-08
这篇文章主要介绍了解决ionic和angular上拉加载的问题,需要的朋友可以参考下2017-08-08
本篇文章主要介绍了深究AngularJS中$sce的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
Angularjs根据json文件动态生成路由状态的实现方法
最近做项目遇到这样一个新需求，就是需要根据json文件动态生成路由状态，通过查阅相关资料实现了此功能，下面小编把问题总结分享到脚本之家平台供大家参考2017-04-04
Angular Universal 主要关注将 Angular App 如何进行服务端渲染和生成静态 HTML，对于用户交互复杂的 SPA 并不推荐使用 SSR，本文是在 Angular 14 环境中完成，有些内容对于新的 Angular 版本可能并不适用，感兴趣的朋友一起通过本文学习2022-11-11
最新评论