2013-12-17 64 views
30

我是angularJS的新手。我設法使用angularJS構建了一個phonegap應用程序。該應用程序是好的,運行得很好。問題是,現在我對angularJS的工作方式有了更多的瞭解(至少我認爲我有),我擔心我的應用程序文件結構和代碼可維護性。我的項目遵循角種子模式。 Angular Seed on GitHub在那裏我有這樣的結構:AngularJS App:如何將.js文件包含到index.html中

js 
    app.js 
    controllers.js 
    directives.js 
    services.js 
    filters.js 

研究如何結構angularJS應用程序後,我發現了一些很不錯的文章吧:Building Huuuuuge Apps with AngularJSHOW TO STRUCTURE LARGE ANGULARJS APPLICATIONS

我的問題似乎很愚蠢的我,但我找不到出路。我設法我控制器分離成不同的文件,我現在有這樣的結構:

scripts 
    controllers 
      LoginCtrl.js 
      HomeCtrl.js 
      AboutCtrl.js 
      ClientCtrl.js 

我正在掙扎的事情是,在路上,我的應用程序是以前,我只有一個controller.js文件。在我的index.html文件中,我使用腳本標記正常加載所有腳本文件。現在我的控制器有4個不同的.js文件,如何將它們加載到我的index.html文件中?我必須在那裏裝載它們嗎?

它看起來不正確,我加載的index.html文件中的所有腳本就像這樣(我知道有一個文件的代碼將以同樣的方式加載,這只是奇怪的我有很多腳本標籤打包在那裏)。我在github和index.html上找到了ng-boilerplate項目,它們動態地加載了這些腳本。問題是,我現在無法啓動一個新的ng-bolierplate,我無法找到他們是如何做到的。對不起,長文本。謝謝!

+0

[AngularJS約定爲多個文件]的可能的重複(http://stackoverflow.com/questions/18241143/angularjs-convention-for-multiple-files) – Stewie

+1

我從來沒有用過grunt之前。我的項目沒有安裝,我是一個phonegap項目,所以我很困惑如何做到這一點。 – jpgrassi

回答

12

在index.html中引用每個腳本文件在它自己的標記中肯定是一種方法,也是最直接的方法。但是,如果你想要的東西更清潔,看看不同的指南之一相結合角度與RequireJS:

http://www.startersquad.com/blog/angularjs-requirejs/

Does it make sense to use Require.js with Angular.js?

這種辦法的目的主要是解決什麼順序的問題加載文件以滿足依賴關係,但它也會清理index.html ...的結果,儘管其他配置需要額外的配置。

+0

謝謝,第一篇文章幫助我理解它是如何工作的。我會考慮使用它,因爲我們的項目正在運行,我現在不想進行重大修改。 – jpgrassi

相關問題