美文网首页
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入门案例

    AngularJS入门 ​ AngularJS核心的特性就是:MVC模式、模块化、双向绑定、依赖注入等特性。利...

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

    一、模块化Angular中的模块化 —— 比较弱let mod = angular.module('mod',[]...

  • Angular基础学习-04

    本节包括AngularJS 依赖注入及路由 AngularJS 依赖注入 什么是依赖注入 wiki 上的解释是:依...

  • 资料收集

    依赖注入 AngularJs依赖注入的研究 (已读) 依赖注入(已读)

  • 初涉 AngularJS(2)

    Angularjs的四大特性 使用MVC设计模式 双向数据绑定 依赖注入 采用模块化设计 一、控制器的作用域 每次...

  • AngularJS中的依赖注入

    1.背景介绍 依赖注入式AngularJS的重要特性之一,依赖注入简化了Angular解析模块/组件之间依赖的过程...

  • angularJS中的依赖注入

    大家好,我是IT修真院成都分院第7期的学员韩建名,一枚正直纯洁善良的WEB前端程序员。 今天给大家带来的是:ang...

  • angularJS中的依赖注入

    1.背景介绍 以前原始社会,我们需要斧子,然而由于还没有社会分工,只能自己打磨一把使用,对应在程序上是我们需...

  • AngularJS 依赖注入

    什么是依赖注入 wiki 上的解释是:依赖注入(Dependency Injection,简称DI)是一种软件设计...

  • AngularJs依赖注入

    推断式注入声明 如果没有明确的声明, AngularJS会假定参数名称就是依赖的名称。因此,它会在内部调用函数对象...

网友评论

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

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