angularJS filter自定义过滤器

最新推荐文章于 2018-09-26 10:27:18 发布

python基础教程

最新推荐文章于 2018-09-26 10:27:18 发布

阅读量380

点赞数

分类专栏：流行框架node

本文链接：https://blog.csdn.net/stopcpp/article/details/56844439

版权

流行框架node 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>自定义过滤器</title>
    </head>
    <body ng-app="app">
        <div>
            <h1>
                {{true | checkmark}}
            </h1>
            <h1>
                {{false | checkmark}}
            </h1>
        </div>
        <hr>
        <div>
            <input type="text" placeholder="请输入你的体重" ng-model="weight">
            <p>你的体重是{{weight}}KG</p>
            <p>你{{weight|weight}}</p>
        </div>
        <script src="bower_components/angular/angular.js"></script>
        <script>
            angular.module('app', [])
                .filter('checkmark',function(){
                    return function(input){
                        return input?'\u2713':'\u2718';
                    };
                })
                .filter('weight',function(){
                    return function(input){
                        if(input>100){
                            return '太胖了'
                        }else {
                            return '太瘦了'
                        }
                    };
                });
        </script>

    </body>
</html>

python基础教程

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularJS filter自定义过滤器

<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>自定义过滤器</title> </head> <body ng-app="app"> <div> <h1> {{true | chec
复制链接

扫一扫

专栏目录