AngularJS app.module VS app.route

Question

我讀這篇文章AngularJS項目結構的最佳做法： https://scotch.io/tutorials/angularjs-best-practices-directory-structure

在標題爲「應用程序文件夾」，他解釋說不久將文件app.module.js之間的差異app.route.js，但我不明白。

任何人都可以給我一個兩個文件的僞代碼的例子嗎？

任何幫助將深深感激！

Answer 1

在這種結構下，app.module.js將被用於創建應用程序的主模塊（如：App），配置使用的是整個應用程序的服務，或者一旦模塊加載其所有相關運行任意代碼並配置了它可能希望配置的任何服務。

app.route.js將專門用於配置一個服務：您正在使用的路由器在您的應用程序中處理狀態。它可以創建自己的模塊或重新使用app.module.js中的模塊，但如果要使用自定義模塊，則必須直接依賴您選擇的路由器。另外，你必須將它作爲主要的app.module.js的依賴項添加，例如。

angular.module('App', ['App.Routes']);

angular.module('App.Routes', ['RouterModule']);

實施例只使用命名App一個模塊，該模塊還取決於一些其他任意模塊SomeModule和路由模塊RouterModule上：

app.module.js

angular.module('App', ['SomeModule', 'RouterModule']) 
    .config(function (SomeServiceProvider, SomeOtherServiceProvider) { 
    // Configure SomeServiceProvider/SomeOtherServiceProvider. 
    }) 
    .run(function() { 
    console.log('Done loading dependencies and configuring module!'); 
    }); 

個

app.route.js

angular.module('App') 
    .config(function (YourRouterProvider) { 
    // Configure YourRouterProvider to define the states for the application. 
    }); 

角模塊：

https://docs.angularjs.org/api/ng/function/angular.module

路由的角度使用ngRouter：

https://docs.angularjs.org/api/ngRoute