angularjs - grails 2.3.4 结合angular js的智能文件夹结构

Question

在不使用 grails angularjs 插件的情况下，与 angularjs 结合使用的 grails 2.3.4 的智能文件夹结构是什么？

目前我已将所有内容打包到 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拥有所有的 Angular 库，我们还将我们的 Angular 组件分成不同的文件夹，类似于 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”是 Angular 最佳实践的绝佳引用