page navigationend change angularjs

angularjs - navigationend - router events subscribe angular 4



Convenciones de codificación/nomenclatura de Angularjs (5)

¿Alguien sabe si existe alguna referencia oficial o más aceptada para las convenciones de nomenclatura angular para usar cuando construimos nuestras aplicaciones?

Angular tiene muchos tipos diferentes de componentes, como filtros, directivas, servicios, etc. ¿No estarías de acuerdo en que tener una convención de nomenclatura de referencia cuando los implementemos en nuestras aplicaciones tendrá sentido?

Por ejemplo:

Si necesitamos crear nuevos filtros, ¿cómo deberíamos nombrarlos como [Algo] Filtrar o filtrar [Algo] o algo más?

Y lo mismo aplica para Controladores, Servicios, Directivas, etc.

Otras cosas que me pregunto es si las variables / funciones que pertenecen al alcance deberían tener un prefijo o sufijo especial. En algunas situaciones, puede ser útil tener una forma de diferenciarlas de las funciones y otras (ningún código angular).


Comencé esta idea hace un año: https://gist.github.com/PascalPrecht/5411171

Brian Ford (miembro del equipo central) ha escrito esta publicación en el blog al respecto: http://briantford.com/blog/angular-bower

Y luego comenzamos con esta especificación de componente (que no está del todo completa): https://github.com/angular/angular-component-spec

Desde la última versión de ng-conf, este documento contiene las mejores prácticas del equipo central: https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub


Consulte este repositorio de GitHub que describe las mejores prácticas para aplicaciones AngularJS. Tiene convenciones de nombres para diferentes componentes. No está completo, pero es impulsado por la comunidad para que todos puedan contribuir.


Para estructurar una aplicación, esta es una de las mejores guías que he encontrado:

Tenga en cuenta que la estructura recomendada por Google es diferente a la que encontrará en muchos proyectos iniciales, pero para aplicaciones grandes es mucho más sensato.

https://google-styleguide.googlecode.com/svn/trunk/angularjs-google-style.html que tiene sentido usar solo si también usa Closure .

... esta respuesta es incompleta, pero espero que la información limitada anterior sea útil para alguien.


Si eres un principiante, es mejor que primero vayas a través de algunos tutoriales básicos y luego aprendas sobre convenciones de nombres. He pasado por lo siguiente para aprender Angular, algunos de los cuales son muy efectivos.

Tutoriales:

  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/

Los detalles de la estructura de la aplicación y las convenciones de nomenclatura se pueden encontrar en una variedad de lugares. He revisado cientos de sitios y creo que estos se encuentran entre los mejores:


Actualización: STYLE GUIDE ahora está en documentos angulares.

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

Si está buscando una guía de estilo obstinado para la sintaxis, las convenciones y la estructuración de las aplicaciones AngularJS, póngalo en práctica inmediatamente. Los estilos aquí contenidos se basan en mi experiencia con AngularJS, presentaciones, cursos de capacitación y trabajo en equipos.

El propósito de esta guía de estilo es proporcionar orientación sobre la construcción de aplicaciones AngularJS mostrando las convenciones que uso y, más importante aún, por qué las elijo.

- John Papa

Aquí está el enlace impresionante (más reciente y actualizado): Guía de estilo AngularJS