Angularjs代码/命名约定

Question

有没有人知道在我们构建应用程序时是否存在任何官方或最常被接受的Angular命名约定参考？

Angular有许多不同类型的组件,如过滤器,指令,服务等.你不同意我们在我们的应用程序中实现它们时有参考命名约定会有意义吗？

例如:

如果我们需要创建新过滤器,我们应该如何将它们命名为[Something] Filter或过滤[Something]或其他内容？

同样适用于控制器,服务,指令等.

我想知道的其他事情是属于范围的变量/函数应该具有特殊的前缀或后缀.在某些情况下,有一种方法可以将它们与函数和其他函数(无角度代码)区分开来.

Answer 1

查看这个描述AngularJS应用程序最佳实践的GitHub存储库.它具有不同组件的命名约定.它不完整,但它是社区驱动的,所以每个人都可以做出贡献.

Answer 2

如果您是初学者,最好先阅读一些基本教程,然后再学习命名约定.我已经通过以下内容学习Angular,其中一些非常有效.

教程:

1. http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app
2. http://viralpatel.net/blogs/angularjs-controller-tutorial/
3. http://www.angularjstutorial.com/

应用程序结构和命名约定的详细信息可以在各种地方找到.我已经浏览了100个网站,我认为这些是最好的:

• https://github.com/camronlevanger/AngularJS-Guide
• 停产 - > https://github.com/meanJim/neonmob-angular-style-guide
• https://github.com/GrumpyWizards/Angular
• https://github.com/mgechev/angularjs-style-guide
• https://google-styleguide.googlecode.com/svn/trunk/angularjs-google-style.html

Answer 3

对于构建应用程序,这是我发现的最佳指南之一:

• Google 针对Angular App Structure的最佳实践建议

请注意,Google推荐的结构与您在许多种子项目中找到的结构不同,但对于大型应用程序而言,它更加健全.

谷歌还有一个风格指南,只有在你也使用Closure时才有意义.

......这个答案是不完整的,但我希望上面有限的信息对某人有帮助.

Answer 4

更新: STYLE GUIDE现在是Angular文档.

////////////////////////////////////////////////// ////////////////////////////////////////////////// ////////////////////////////////////////////////// //////

如果您正在寻找关于语法,约定和AngularJS应用程序结构的固定样式指南,请直接进入.此处包含的样式基于我对AngularJS的经验,演示,培训课程和团队合作.

此样式指南的目的是通过显示我使用的约定来提供构建AngularJS应用程序的指导,更重要的是,我选择它们的原因.

- 约翰帕帕

这是令人敬畏的链接(最新和最新):AngularJS风格指南

Answer 5

我在一年前开始这个要点:https://gist.github.com/PascalPrecht/5411171

Brian Ford(核心团队成员)撰写了这篇关于它的博客文章:http://briantford.com/blog/angular-bower

然后我们开始使用这个组件规范(这不完整):https://github.com/angular/angular-component-spec

自上次ng-conf以来,核心团队就此文档提供了最佳实践:https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub