当前位置:Gxlcms > JavaScript > angularJs中orderBy筛选以及filter过滤数据的方法

angularJs中orderBy筛选以及filter过滤数据的方法

时间:2021-07-01 10:21:17 帮助过:7人阅读

如下所示:

  1. <div ng-app="module" ng-controller="ctrl">
  2. <!--按照click降序排序-->
  3. {{data|orderBy:'click':true}}<br>
  4. <!--按照id升序排序-->
  5. {{data|orderBy:'id':false}}<br>
  6. <!--筛选匹配3的数据-->
  7. {{data|filter:'3'}}<br>
  8. <!--筛选完全匹配‘百度'-->
  9. {{data|filter:'百度':true}}<br>
  10. </div>
  11. <script>
  12. var m = angular.module('module', []);
  13. m.controller('ctrl', ['$scope', function ($scope) {
  14. $scope.data=[
  15. {id:1,click:100,title:'百度'},
  16. {id:2,click:350,title:'谷歌'},
  17. {id:3,click:300,title:'网易'},
  18. ];
  19. }]);
  20. </script>

效果图:

angularJs orderBy筛选

以上这篇angularJs中orderBy筛选以及filter过滤数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

人气教程排行