var app = angular.module('app', []);
app.config(function ($provide) {
$provide.value('movieTitle', 'The Matrix')
});
app.controller('ctrl', function (movieTitle) {
expect(movieTitle).toEqual('The Matrix');
})
創(chuàng)建value的簡單方法：
app.value('movieTitle', 'The Matrix');
Service
service是一個可以注入的構造函數(shù)。如果你想，你可以在函數(shù)中指定需要的依賴。
service是一個單例, 只被創(chuàng)建一次。services是一個很好的方式，用于控制器之間傳遞數(shù)據(jù)，如共享數(shù)據(jù)。
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');
});
創(chuàng)建service簡單方式:
app.service('movie', function () {
this.title = 'The Matrix';
});
Factory
factory是一個可注入的函數(shù)。
與service的相同點：factory也是一個單例，也可以在此函數(shù)中指定依賴。
區(qū)別是：factory注入一個普通函數(shù)，AngularJs將調(diào)用此函數(shù)，而service注入一個構造函數(shù)。
service是一個構造函數(shù)，要調(diào)用new創(chuàng)建一個新對象。而用factory，你可以讓這個函數(shù)返回你想要的任何東西。
你將會看到，factory是一個只有$get方法的provider。
var app = angular.module('app', []);
app.config(function ($provide) {
$provide.factory('movie', function () {
return {
title: 'The Matrix';
}
});
});
app.controller('ctrl', function (movie) {
expect(movie.title).toEqual('The Matrix');
});
創(chuàng)建factory的簡單方式：
app.factory('movie', function () {
return {
title: 'The Matrix';
}
});
Decorator
decorator可以修改或封裝其它的providers，但constant不能被裝飾。
var app = angular.module('app', []);
app.value('movieTitle', 'The Matrix');
app.config(function ($provide) {
$provide.decorator('movieTitle', function ($delegate) {
return $delegate ' - starring Keanu Reeves';
});
});
app.controller('myController', function (movieTitle) {
expect(movieTitle).toEqual('The Matrix - starring Keanu Reeves');
});
Provider
provider是所有providers中最復雜的，可以有復雜的creation函數(shù)和配置選項。
provider實際是一個可配置的factory。 provider接受一個對象或構造函數(shù)。
var app = angular.module('app', []);
app.provider('movie', function () {
var version;
return {
setVersion: function (value) {
version = value;
},
$get: function () {
return {
title: 'The Matrix' ' ' version
}
}
}
});
app.config(function (movieProvider) {
movieProvider.setVersion('Reloaded');
});
app.controller('ctrl', function (movie) {
expect(movie.title).toEqual('The Matrix Reloaded');
});
總結
所有的providers只會被實例化一次，因此他們都是單例的。
除了constant，其他的providers都可以被decorated。
constant是一個值, 可以被注入到任何地方，它的值不能被改變。
value是一個簡單的可注入的值。
service是一個可注入的構造函數(shù)。
factory是以個可注入的函數(shù)。
decorator可以修改或封裝其它的providers，除了constant。
provider是一個可配置的factory。
英文原文地址：https://xebia.com/blog/differences-between-providers-in-angularjs/
相關推薦：編程教學
更多關于云服務器，域名注冊，虛擬主機的問題，請訪問西部數(shù)碼官網(wǎng)：m.ps-sw.cn
