Angularjs代码/命名约定

时间:2013-12-27 14:58:39

标签: angularjs

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

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

例如:

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

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

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

5 个答案:

答案 0 :(得分:157)

查看描述AngularJS应用最佳做法的this GitHub repository。它具有不同组件的命名约定。它不完整,但它是由社区驱动的,所以每个人都可以做出贡献。

答案 1 :(得分:44)

如果您是初学者,最好先阅读一些基本教程,然后再学习命名约定。我已经通过以下内容学习了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/
  4. 应用程序结构和命名约定的详细信息可以在各种地方找到。我已经浏览了100多个网站,我认为这些网站是最好的网站之一:

答案 2 :(得分:33)

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

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

Google also has a style guide只有在您使用Closure时才有意义。


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

答案 3 :(得分:19)

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

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

  

如果您正在寻找一种固定的语法风格指南,   惯例,并构建AngularJS应用程序,然后向右迈进   这里包含的风格是基于我的经验   AngularJS,演讲,培训课程和工作   队。

     

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

- John Papa

以下是令人敬畏的链接(最新和最新): AngularJS Style Guide

答案 4 :(得分: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

相关问题