angularjs – grails 2.3.4的智能文件夹结构与角度js的组合

有很多方法来组织你的目录,但是,我们使用的方式,我将称之为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”是角度最佳实践的绝佳参考