dart - ¿Por qué Angular no necesita un guión en el nombre del componente?

meta tags angular 4

Question

Me pregunté por qué los elementos de Polymer necesitan un guión en el nombre de los elementos personalizados como <my-component> mientras que esto no es necesario para los componentes Angular, especialmente porque los componentes Angular también usan ShadowDOM.

** Editar ** Ni siquiera parece sugerirse una buena práctica en Angular.

Answer 1

Angular no requiere el guión, ya que no hay ninguna razón técnica para exigirlo. Sin embargo, en todos los proyectos grandes, he trabajado en el prefijo de todos los componentes y directivas con dos caracteres y luego el prefijo de guión, por ejemplo, "ab-tab".

Primero, el uso de guiones en los nombres hace que su sintaxis sea compatible con el estándar de Elementos Personalizados, aunque Angular no depende de las especificaciones.

En segundo lugar, ayuda con la organización. Todas las directivas angulares estándar tienen el prefijo ''ng-''. Al usar su propio prefijo, las personas que lean su código podrán distinguir rápidamente entre los componentes de diferentes bibliotecas.

Answer 2

La especificación de HTML le permite usar etiquetas desconocidas ( <tab> , <panel> ) sin que el analizador de HTML lance un ajuste. Para su beneficio, Angular utiliza este comportamiento en sus directivas para hacer que los componentes sean nativos.

Etiquetas que no tienen una - heredar de HTMLUnknownElement . Aquí hay una buena explicación del proceso de actualización: HTML5Rocks - Elementos personalizados - Cómo se actualizan los elementos

Dado que las directivas angulares se diseñaron en un tiempo antes de que existiera la especificación de elementos personalizados, no usan un - . Es el estándar que requiere que los nombres de los elementos contengan un - .