grails智能文件夾結構2.3.4與angular js結合使用

Question

Grails 2.3.4與angularjs結合使用，無需使用grails angularjs插件，智能文件夾結構如何？

目前我已將所有文件打包到webapp文件夾中。

Answer 1

有許多方法來組織你的目錄，但是，我們使用的是哪個我會的方式，把它Grailsy方式在一定程度上是與Grails的目錄結構一致的情況如下：

web-app 
    css 
    js 
    | lib 
    | ng-app 
     | controllers 
      - abcController.js 
     | directives 
      - directives.js 
     | filters 
      - filters.js 
     | services 
      - dataServices.js 
     | views 
      - someHtml.html 
     | app.js 

lib擁有所有的角庫，我們也將角度組件分成類似於Grails的不同文件夾及其工作良好。

但是，另一種方法是根據您的模塊組織您的目錄。這種方法呈現在here，似乎是有希望的大型應用程序。基本上這些目錄代表了單個頁面上的組件。與組件相關的資源的目錄很容易找到並且移動較少。

web-app 
     css 
     js 
     | lib 
     | ng-app 
      | accounts 
       - accountController.js 
       - accountServices.js 
       - views 
       - someHtml.html 
      | payments 
       - paymentsController.js 
       - paymentsServices.js 
       - views 
       - someHtml.html 
      | app.js 

「Advanced Design Patterns and Best Practices」 是角的最佳實踐

Answer 2

我已經做了使用Grails和angularjs演示應用程序有很大的參考。用戶登錄，註冊，創建編輯刪除聯繫人。我使用angularjs類似於grails mvc模式的結構創建了這個前端。 聯繫模塊

1. Grails -> URLMappings, 
    Angular -> Routing (app.js) 
2. Grails -> ContactController(Actions:create,list,edit,delete,details) 
    Angular -> ContactController(Actions: create,list,edit,delete,details) 
3. Grails -> ContactService(Methods: create,save,edit,delete,details) 
    Angular -> ContactService(Functions: create,save,edit,delete,details) 
4. Views -> All views are created using Angularjs (Create, Details) 

我通過很多的教程去了，沒有這個程序，以配合Grails的MVC模式，所以任何一個可以理解，如果他們正在對Grails的一知半解這個角度演示應用程序

http://mannejkumar.github.io/GrailsAngularDemoApp/