Angularjs代码/命名约定

有没有人知道是否存在任何官方或最受欢迎的Angular命名约定的参考,当我们build立我们的应用程序时使用?

Angular有很多不同types的组件,比如filter,指令,服务等等。 你不同意在我们的应用程序中实现它们时有一个参考命名约定是有意义的吗?

例如:

如果我们需要创build新的filter,我们应该如何将它们命名为[Something] Filter或Filter [Something]或其他?

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

我想知道的其他事情是,如果属于范围的variables/函数应该有一个特殊的前缀或后缀。 在某些情况下,有办法区分它们与函数和其他(无angular码)。

5 Solutions collect form web for “Angularjs代码/命名约定”

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

如果你是初学者,最好先阅读一些基础教程,然后学习命名约定。 我经历了以下学习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/

应用程序结构和命名约定的细节可以在各种地方find。 我经历了100多个网站,我认为这是最好的:

为了构build一个应用程序,这是我find的最好的指南之一:

  • Google 针对angular度应用程序结构最佳实践build议

请注意,Google推荐的结构与您在许多种子项目中find的结构不同,但是对于大型应用程序来说,这是非常理想的。

Google也有一个风格指南 ,只有在使用Closure时也是有意义的。


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

更新: STYLE GUIDE现在在Angular文档中。

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

如果您正在寻找关于语法,约定和AngularJS应用程序结构的自定义样式指南,那么请继续。这里包含的样式是基于我对AngularJS的经验,演示,培训课程和团队合作。

这个样式指南的目的是通过展示我使用的约定来为构buildAngularJS应用程序提供指导,更重要的是为什么我select它们。

– 约翰爸爸

这是真棒链接(最新和最新): AngularJS风格指南

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

布赖恩·福特(核心团队的成员)已经写了这个博客文章: http : //briantford.com/blog/angular-bower

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

自从最后一个ng-conf有核心团队的最佳实践文档: https : //docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub

  • 如何在AngularJS中取消$ http请求?
  • 控制器不是一个函数,没有定义,而全球定义控制器
  • 总结数组中的属性值的更好方法(使用Angularjs)
  • 使用逗号作为列表分隔符与AngularJS
  • 为什么不能在具有隔离范围的指令的模板中访问$ rootScope?
  • 如何通过angularJS中的对象属性进行过滤
  • 如何在angular材料中水平alignment单选button?
  • ionic framework$ state.go('app.home'); 在页面上添加我想要去(如何删除它)的返回button?