angular1.3.8学习笔记

filter过滤器（orderBy）使用方式总结

1：指令中使用

<li ng-repeat="x in arr | orderBy:'age'"></li>

//参数 x(自定义) 用来获取$scope(局部作用域)中的arr数组的值
//参数 arr 控制器中定义的数据
//符合 |
//orderBy 过滤器名
//字段 'age' 排序参考值

视图层渲染：

<div ng-app="myapp">
    <div ng-controller="myctrl">
        <ul>
            <li ng-repeat="x in arr | orderBy:'age'">
                姓名：{{x.name}}年龄：{{x.age}}
            </li>
        <ul>
    </div>
<div>

控制器中数据：

var app=angular.module('myapp',[]);
app.controller('myctrl',function($scope){
     $scope.arr=[
            {'name':'aaa','age':18},
            {'name':'bbb','age':30},
            {'name':'ccc','age':22}];   
    })

2：控制器中使用

分解：$filter('orderBy')使用orderBy过滤器
    字段：$scope.arr 需要过滤的对象
          'age' 参考字段
//app.controller('myctrl',function($scope,$filter){})
//引入$filter
//$scope.Narr=$filter('orderBy')($scope.arr,'age');

视图层

<div ng-app='myapp'>
    <div ng-controller='myctrl'>
	<ul>
	    <li ng-repeat="x in Narr">姓名：{{x.name}}年龄：{{x.age}}</li>
	</ul>
    </div>
</div>

控制器层

var app=angular.module('myapp',[]);
    app.controller('myctrl',function($scope,$filter){
    	 $scope.arr=[
    		 {'name':'aaa','age':18},
                 {'name':'bbb','age':30},
                 {'name':'ccc','age':22},
              ];
         $scope.Narr=$filter('orderBy')($scope.arr,'age');
    	})