适当的角度文件结构

时间:2015-05-08 06:16:06

标签: angularjs

对我来说,最好的角度文件结构是什么?我的项目将是主页上带有视频供稿的SPA,以及查看特定帖子的页面。我希望我的用户能够登录,对内容进行投票,并希望管理部分能够添加内容。

您可以在此处查看我的文件结构 - https://github.com/bliitzkrieg/TrailerFeed或以下

/app
   /assets
      /css
          main.css
          main.min.css
      /sass
          main.scss
          _variables.scss
          /components
               _header.scss
   /components
       /dashboard
       /feed
           _feed.html
           feed.js
           feedController.js
       /header
            _header.html
           header.js
           headerController.js
           headerDirective.js
   /spec
       app.spec.js
   app.js
   index.html
   routes.js

1 个答案:

答案 0 :(得分:1)

您的文件结构看起来很好。您的文件按组件而不是类型进行组织。我建议从模板中删除下划线前缀,因为这是多余的。角度中的每个模板都是部分模板,因此不需要如此指示。

您可能还希望将单元测试保留在组件目录中。 headerDirective.spec.js可以在您的标题组件文件夹中使用。

控制器是类并实例化为单个实例(与作为单例注入的类的服务相关)。所以控制器应该用PascalCase而不是camelCase命名。

您的组件SCSS似乎也应该与其余的组件文件一起使用。但是有充分理由不这样做。