美文网首页
AngularJS中,模块化、依赖注入、过滤器

AngularJS中,模块化、依赖注入、过滤器

作者: 尼尼嘎嘎 | 来源:发表于2017-04-21 23:02 被阅读0次

    一、模块化
    Angular中的模块化 —— 比较弱
    let mod = angular.module('mod',[]);
    例1:
    1) 在一个新的JS文件里定义了一个模块
    let mod1 = angular.module('mod1',[]);
    mod1.controller('mod1_ctr1',($scope)=>{
    $scope.a = 200;
    });
    2)在我的html文件中,自身的模块依赖于以上定义的模块: mod1
    3)在html文件中,可以同时使用自己的controlloer和模块中的controller:mod1_ctr1
    二、依赖注入
    把决定权交给消费者。
    函数参数:由调用者来决定 —— 被动的地位
    function show(a,b){
    alert(arguments.length);
    }
    Angular:函数的拯救者

    let mod = .....;
    mod.controller('ctr1',($scope,$q)=>{
        $scope.a=12;
    });
    想用谁,就把谁注入到函数。
    

    三、过滤器
    系统的过滤器: date currency
    time|date:'yyyy-MM-dd'
    price|currency —— $
    |currency:'¥' —— ¥
    要求:
    给定一个数字,显示一下是中文的星期几。
    let n = 3;
    {{n|cnDay}} —— 星期三
    自定义过滤器:
    angular.module('app',[])
    .filter('cnDay',function(){
    return function(input){
    //input 就是要处理的输入的数据
    //输入的数据——要对谁使用这个过滤器
    //对input进行处理
    return '返回值——就是最终要使用的内容';
    };
    });

    相关文章

      网友评论

          本文标题:AngularJS中,模块化、依赖注入、过滤器

          本文链接:https://www.haomeiwen.com/subject/fzujzttx.html