我一直在搞Angular,我想根據他們在我的應用程序中的角色分割所有文件。如何在AngularJS中獲得真正的模塊化應用程序及其包含結構?
我想爲每個「頁面」(如/ home或/ products)創建一個文件夾,並負責管理其各自文件夾中的所有內容(聽起來像是一個好主意)。
但是,現在我不知道如何處理加載這些文件,甚至在哪裏做。
由於某些限制,即時通訊無法使用其他有用的工具,這需要在代碼中直接發生。
什麼是最好的方法來解決這個問題?你的問題的
我一直在搞Angular,我想根據他們在我的應用程序中的角色分割所有文件。如何在AngularJS中獲得真正的模塊化應用程序及其包含結構?
我想爲每個「頁面」(如/ home或/ products)創建一個文件夾,並負責管理其各自文件夾中的所有內容(聽起來像是一個好主意)。
但是,現在我不知道如何處理加載這些文件,甚至在哪裏做。
由於某些限制,即時通訊無法使用其他有用的工具,這需要在代碼中直接發生。
什麼是最好的方法來解決這個問題?你的問題的
第1部分:
有沒有來組織你的角度應用默認方式。
但是,有一些指導原則。我一直感謝自己閱讀Angular 1 app-structuring-guidelines by John Pappa,這對您提出的同一問題給予了啓發。
目前,我已將所有應用程序組織成逐個文件夾而不是逐個文件夾(即控制器文件夾中的所有控制器,服務文件夾中的所有服務等)。
你問題的第二部分: 只需使用咕嘟咕嘟或呻吟,然後導入單個文件索引
[Todd Motto的Angular 1.6與ES2015](https://github.com/toddmotto/angular-styleguide)是構建基於組件的Angular Web應用程序的另一個好資源。 –
完全同意你,不打算只支持一個人。 Todd Motto的指南也很棒 – flashjpr
不要擔心,我已經使用John Papa的styleguide十幾次了,儘管目前有不同的方法 –
網絡正越來越面向組件,現在所有的最著名的前端框架採用一個可重用的組件策略(React和Angular 2很大程度上依賴於它)
如果您希望角度應用程序儘可能模塊化,則必須將組件中的所有內容放在單獨的文件夾中(html模板,css樣式和js邏輯),並將服務和資產之間的共享邏輯拆分爲
在你的情況下,項目結構的一個例子是:
應用程序/
的index.html
您最有可能需要某種像咕嚕任務運行的合併的所有源文件到您在您的index.html – Ankh
使用一飲而盡需要一個單獨的文件或grunt任務管理器 –