如何構造大型AngularJS應用程序

Question

我有一個在AngularJS中構建的Web應用程序。 它已經積累了500行代碼，要對所有代碼進行分類是相當大的負擔。 我想知道是否可以將邏輯拆分成多個文件，但仍然能夠與某些$ scope變量進行交互。 對此主題的任何資源將不勝感激。

例如：我有很多邏輯處理由ng-repeat生成的表，不需要與我使用Canvas.JS生成的圖形中的代碼進行交互

Answer 1

這些文章可能會幫助您：

• http://briantford.com/blog/huuuuuge-angular-apps
• http://cliffmeyers.com/blog/2013/4/21/code-organization-angularjs-javascript

另請閱讀此答案 。

我主要選擇模塊化方法 。

Answer 2

您是否在單個控制器中編寫了所有應用程序代碼？

我會考慮：

• 具有瘦控制器（僅公開所需的作用域內容，並從服務中獲取內容）。

• 實施服務（工廠），例如，在該工廠中，您可以封裝$ http請求以獲取要顯示的數據。

• 實施指令：例如，如果要構建通用圖表，則可以將其封裝在指令中（就像控件一樣），更易於維護和重用。

一旦有了，我就會向Danilo提出很好的建議。

Answer 3

另一個可以幫助您的鏈接：

• http://leog.me/log/large-angularjs-app-components

這是一個使用RequireJS的解決方案，可將應用程序划分為多個模塊，這些模塊可以很容易地連接在一起。