2014-06-12 39 views
0

以下是寫AngularJS服務:應該如何組織AngularJS服務

角度服務是使用依賴注入(DI)連接在一起 替代對象。您可以使用服務來整理應用程序中的代碼並分享其中的代碼。

AngularJS Services

意味着你應該在單獨的JavaScript文件,這些服務中存儲,如果是這樣,你怎麼有這些文件到AngularJS應用「在您的應用程序共享的替換對象......」?

+1

您可以將它們與其他任何JS文件包含在一起,但這不是他們的意思......它們意味着將它們用作單獨的獨立代碼段,通常有一個特定的用途(單獨存在文件或沒有),並根據需要將它們注入到控制器或其他服務中。 – Shomz

回答

2

您可以將它們存儲在單獨的文件,但最好的做法是可重複使用的組功能的模塊作爲一個文件:

我-module.js:

集團相關服務,指令,工廠,過濾器,控制器等組成可重複使用的模塊。

var module = angular.module('myModule',[ /* dependent modules go here */ ]); 
module.service('service1', ...); 
module.service('service2', ...); 
module.factory('factory1,'...); 
module.controller('myController', ...); 
etc 

JS:

一旦你已經包含在一個模塊中的一切,添加模塊作爲任何應用程序的依賴:

var app = angular.module('app', ['myModule']); 
... 

HTML:

製作確保你在HTML中包含腳本文件。

<head> 
    <script type="text/javascript" src="angular.js" /> 
    <script type="text/javascript" src="myModule.js" /> 
</head> 
<body ng-app="app"> 

    <div ng-controller="myController"> // controller defined in myModule.js 
     ... 
    </div> 
</body> 

爲了確保有指令之間沒有命名衝突,給你的模塊的唯一前綴和使用前綴的指令。在上面的例子中,前綴是'我的'。