angularJs在控制器中使用过滤器实例
2017-05-31 16:48
525 查看
<div ng-app="module" ng-controller="ctrl"> {{data}} <button ng-click="orderBy()">在控制器中使用过滤器</button> </div> <script> var m = angular.module('module', []); /*在控制器中注入$filter的服务*/ m.controller('ctrl', ['$scope','$filter', function ($scope,$filter) { $scope.data=[ {id:1,click:100,title:'百度'}, {id:2,click:200,title:'谷歌'}, {id:3,click:300,title:'腾讯'}, ]; $scope.orderBy=function(){ /*将data按照id降序排序*/ $scope.data = $filter('orderBy')($scope.data,'id',true); } }]); </script>
效果图:
相关文章推荐
- 详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
- AngularJS入门实例2——控制器的使用
- AngularJS中过滤器的使用与自定义实例代码
- AngularJS中过滤器的使用与自定义实例代码
- angularJs使用$watch和$filter过滤器制作搜索筛选实例
- angularjs使用ng-messages-include实例
- angularJS之使用过滤器转化输出 (angularJS系列最后一篇)
- Spring Boot的filter(过滤器)简单使用实例详解
- AngularJS 过滤器的简单实例
- AngularJs中Bootstrap3 datetimepicker使用实例
- angularJs-----$filter过滤器使用 自定义过滤器
- AngularJS过滤器filter用法实例分析
- AngularJS 表达式中添加过滤器实例
- 对angularJs中controller控制器scope父子集作用域的实例讲解
- Angularjs总结(二)过滤器使用
- 实例详解angularjs和ajax的结合使用
- AngularJS进阶(四十一)AngularJS中使用Chart.js制折线图与饼图实例
- AngularJS中controller控制器继承的使用方法
- SpringMVC编程使用Controller接口实现控制器实例代码
- AngularJS 自定义过滤器详解及实例代码