本篇文章跟大家介紹一下Angular創建服務的5種方式。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。
Angular應用的運作主要分為兩部分：app.config()和app.run( )，config是你設定任何的provider的階段，讓應用程式可以使用正確的服務，需要注意的是在設定區塊中只有provider能被注入（只有兩個例外是$provide和$injector)。而provider也只能在config中註入。 Angular注入服務的5種方式中，只有透過provider和constant注入的服務可以在依賴到config中。
app.controller('MyController', function ($httpProvider) {
//错误，无法在控制器中注入服务提供者
});
app.config(function ($http) {
//错误，配置块中只能注入服务
});相關推薦：《angularjs教學》
myMod.controller('MainController', function($scope) {
// ...
});myMod.config(function($controllerProvider) {
$controllerProvider.register('MainController', function($scope) {
// ...
});
});myModule.factory('myService', function () {
var myService = {};
//添加myService的一些属性和方法
return myService;
});myModule.service('myService', function () {
this.foo = 'bar';
});myMod.provider('greeting', function() {
var text = 'Hello, ';
this.setText = function(value) {
text = value;
};
this.$get = function() {
return function(name) { //$get必须实现，可以返回一个函数或者一个对象
alert(text + name);
};
};
});
myMod.config(function(greetingProvider) {
greetingProvider.setText("Howdy there, ");
});
myMod.run(function(greeting) {
greeting('Ford Prefect');
});angular.module('myApp', [])
.constant('apiKey', '123123123')
.config(function(apiKey) {
// 在这里apiKey将被赋值为123123123
// 就像上面设置的那样
})serviceApp.value('myConfig',{
name:'code_bunny',
age:12,
getId:function(){
return 1
}
});程式設計影片！ ！
以上是Angular如何創建服務？ 5種方式了解一下！的詳細內容。更多資訊請關注PHP中文網其他相關文章！
