AngularJS系列(三)——过滤器(filder)

<div ng-app="myApp"ng-controller="personCtrl">
         <!--orderBy只能排序字符串 -->
         <p>转金额：{{moneys| currency}}</p>
         <p>姓名为（大写）：{{fullName()| uppercase}}</p>
         <p>姓名为（小写）：{{fullName()| lowercase}}</p>
         <p>时间格式化：{{date| date:'yyyy-MM-dd hh:mm:ss'}}</p>
         <p>json解析：{{jsonText| json}}</p>
         <p>字符串截取：{{fullName()| limitTo:6}}</p>
         <p>根据id正序排序：</p>
         <ling-repeat="x in people | orderBy:'id'">
                   {{x.id  + "," + x.name}}
         </li>
         <p>根据id倒序排序：</p>
         <ling-repeat="x in people | orderBy:'id':true">
                   {{x.id  + "," + x.name}}
         </li>
         <p>查询id为10的people：</p>
         <ling-repeat="x in people | filter:{id:0}">
                   {{x.id  + "," + x.name}}
         </li>
</div>

<script >
         angular.module('myApp',[]).controller('personCtrl', function($scope) {
                   $scope.moneys= "4200",
             $scope.firstName = "John",
             $scope.lastName = "Doe",
             $scope.fullName = function() {
                return $scope.firstName +" " + $scope.lastName;
                   },
                   $scope.date= new Date(),
                   $scope.people= [{id:10,name:'张三'},{id:8,name:'李四'},{id:12,name:'王五'},{id:18,name:'刘九'}],
                   $scope.jsonText= {id:10,name:'张三'}
                  
         });    
</script>

<div ng-app="myApp"ng-controller="myCtrl">
姓名: {{ msg | reverse }}
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
   $scope.msg = "Runoob";
});
app.filter('reverse' ,function() {
         returnfunction(text) {
                   returntext.split("").reverse().join("");
         }
})
</script>