Angularjs Grails2.3.4与angular js结合使用的智能文件夹结构

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

---

目前，我已将所有内容打包到

webapp

文件夹中。

有许多方法可以组织目录，但是，我们使用的方法，我将其称为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，并且工作良好

但是，另一种方法是根据模块组织目录。这种方法被提出，似乎有希望在更大的应用。基本上，这些目录表示单个页面上的组件。它将很容易找到与组件相关的资源，并且不会在目录间移动

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

---

“”是angular最佳实践的重要参考资料

我已经使用grails和angularjs完成了演示应用程序。用户登录、注册、创建、编辑和删除联系人。我使用类似于grails mvc模式的angularjs结构创建了这个前端。 接触模块

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)

我阅读了很多教程，并制作了这个应用程序来匹配GrailsMVC模式，所以如果任何人对Grails知之甚少，他们都可以理解这个角度演示应用程序

---

谢谢你的回答！您是否正在将angularjs文件放入libs文件夹？是的，如果使用了资源插件，请参阅

ApplicationResources

。如果没有限制，我更喜欢CDN.：）谢谢你的回答！顺便说一句，您是否也将

index.html

文件放入视图文件夹或根词典？我更新了我的答案，我们在angular中有多个页面，因此angular侧没有单个条目页面。但是我们有一个Grails视图作为入口点

index.gsp

，它将向Grails引入角度，从这一点开始，角度路由器将引导调用到正确的角度视图。顺便问一下，您是否真的在放置您的模型？