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/