AngularJS学习第二篇 AngularJS依赖注入
131 浏览量
2020-12-10
22:21:13
上传
评论
收藏 63KB PDF 举报
AngularJS学习第二篇学习第二篇 AngularJS依赖注入依赖注入
简介：简介：
首先我们需要理解什么是依赖注入？首先我们需要理解什么是依赖注入？
控制反转和依赖注入有什么区别？控制反转和依赖注入有什么区别？
假定：应用程序A，需要访问外部资源C。这里使用了容器B(是指用来实现 IOC/DI 功能的一个框架程序)。
A需要访问C
B获取C然后返回给A
IOC inversion of control 控制反转：站在容器角度。B控制A，由B反向的向A注入C。即容器控制应用程序，由容器反向的向
应用程序注入应用程序所需要的外部资源。
DI Dependency Injection 依赖注入：站在应用程序的角度。A依赖B获取C，B将C注入A。即应用程序依赖容器创建并注入它
所需要的外部资源。
AngularJS依赖注入依赖注入
Provider服务（服务（$provide））
AngularJS 提供很好的依赖注入机制。以下5个核心组件用来作为依赖注入：
value
factory
service
provider
constant
decorator (打酱油)
Constant
定义常量用的，这货定义的值当然就不能被改变，它可以被注入到任何地方，但是不能被装饰器(decorator)装饰
var app = angular.module('app', []);
app.config(function ($provide) {
$provide.constant('movieTitle', 'The Matrix');
});
app.controller('ctrl', function (movieTitle) {
expect(movieTitle).toEqual('The Matrix');
});
// 语法糖：
app.constant('movieTitle', 'The Matrix');
Value
这货可以是string,number甚至function,它和constant的不同之处在于，它可以被修改，不能被注入到config中，但是它可以被
decorator装饰
var app = angular.module('app', []);
app.config(function ($provide) {
$provide.value('movieTitle', 'The Matrix')
});
app.controller('ctrl', function (movieTitle) {
expect(movieTitle).toEqual('The Matrix');
});
// 语法糖：
app.value('movieTitle', 'The Matrix');
Service
它是一个可注入的构造器，在AngularJS中它是单例的，用它在Controller中通信或者共享数据都很合适。
var app = angular.module('app' ,[]);
app.config(function ($provide) {
$provide.service('movie', function () {
this.title = 'The Matrix';
});
});
app.controller('ctrl', function (movie) {
expect(movie.title).toEqual('The Matrix');
});
// 语法糖：
app.service('movie', function () {
this.title = 'The Matrix';
weixin_38564826
- 粉丝: 5
- 资源: 910
评论0