angularjs过滤器

最新推荐文章于 2021-03-25 09:35:17 发布

qimingnanhhh

最新推荐文章于 2021-03-25 09:35:17 发布

阅读量131

点赞数

文章标签： angularjs

本文链接：https://blog.csdn.net/qimingnanhhh/article/details/78502974

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script type="text/javascript" src="anglar/angular.js" ></script>
        <script>
            var app=angular.module("MyApp",[]);
            app.controller("MyCtrl",function($scope,$rootScope){
                $scope.money=100;
                var date=new Date();
                $scope.date=date;
                $scope.num=123.456;
                $scope.student=[
                {
                    name:"张三",
                    age:20
                },{
                    name:"张五",
                    age:21
                },{
                    name:"张死",
                    age:22
                }
                ];
            });
        </script>
    </head>
    <body ng-app="MyApp" ng-controller="MyCtrl">
            <p>货币过滤器{{money | currency:"¥"}}</p>
            <p>大写过滤器{{"hello" | uppercase}}</p>
            <p>小写过滤器{{"Hello" | lowercase}}</p>
            <p>日期过滤器{{ date | date:"yyyy年,MM月,dd鈤"}}</p>
            <p>限制过滤器{{num | limitTo:5}}</p>
            //有空格
            <p>限制过滤器{{student | filter:{"name":"张三","age":20} }}</p>
            <p>下标排序{{student | orderBy}}</p>
            <p>下标升序排序{{student | orderBy:true}}</p>
            <p>下标蒋旭排序{{student | orderBy:"-"}}</p>
            <p>下标年龄排序{{student | orderBy:"-age"}}</p>

    </body>
</html>

qimingnanhhh

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularjs过滤器

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="anglar/angular.js" ></script> <script> var app
复制链接

扫一扫