Angularjs代码/命名约定


162

有谁知道在构建应用程序时是否存在任何官方的或最受欢迎的Angular命名约定参考?

Angular具有许多不同类型的组件,例如过滤器,指令,服务等。您是否同意在应用程序中实现引用命名约定会有意义?

例如:

如果需要创建新的过滤器,应如何命名它们,例如[Something] Filter或filter [Something]或其他名称?

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

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


Answers:



45

如果您是初学者,最好先阅读一些基本教程,然后再学习有关命名约定的知识。我已经通过以下学习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多个网站,我认为这些网站是最好的:



19

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

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

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

该样式指南的目的是通过显示我使用的约定,更重要的是为什么选择它们,为构建AngularJS应用程序提供指导。

-约翰·帕帕

这是很棒的链接(最新的):AngularJS样式指南


6

我一年前开始了这个要点: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

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.