Saltar al contenido

CommonModule vs BrowserModule en angular

Hacemos una verificación profunda cada escrito en nuestro espacio con la meta de enseñarte en todo momento información con la mayor veracidad y actualizada.

Solución:

Lo que debe comprender es que, con Angular, crea una aplicación modular y hay dos tipos de módulos. Uno es el módulo raíz y el otro es el módulo de funciones.

  • El módulo raíz importa el módulo del navegador (si está renderizando en el navegador). Esto tiene las mismas cosas que CommonModule pero también cosas que se usan para renderizar.
  • Ahora bien, si está creando un módulo de funciones, dado que ya ha importado BrowserModule en su módulo raíz, no tiene sentido y es una sobrecarga importar el módulo del navegador en su módulo de funciones. Además, la importación de CommonModule libera módulos de características para su uso en cualquier plataforma de destino (por ejemplo, plataforma móvil nativa), no solo en navegadores. Por eso importas CommonModule en sus módulos de características y BrowserModule en su módulo raíz.

de los documentos

BrowserModule proporciona servicios que son esenciales para iniciar y ejecutar una aplicación de navegador.

BrowserModule también vuelve a exportar CommonModule desde @angular/common, lo que significa que los componentes del módulo AppModule también tienen acceso a las directivas angulares que necesita cada aplicación, como NgIf y NgFor.

mientras

CommonModule (todos los conceptos básicos de las plantillas angulares: enlaces, *ngIf, *ngFor…), excepto en el primer módulo de la aplicación, porque ya es parte del BrowserModule

también lea este.

El módulo de la aplicación raíz, módulo de aplicaciónimportaciones NavegadorMódulo para que pueda tener todos los servicios que son esenciales para iniciar y ejecutar una aplicación de navegador.

Componentes en el módulo de aplicación también es necesario tener acceso a la directiva Angular (Directiva Arrtibute, Directiva Estructural) como *ngSi, *ngPara y *ngSwitch etc. y estas directivas están disponibles en CommonModule que es exportado automáticamente por el NavegadorMódulo. Es por esto que tenemos acceso a las directivas en los componentes definidos en módulo de aplicación.

Y según los documentos

Solo módulo de aplicación raíz, módulo de aplicación debe importar NavegadorMódulo y todos los demás módulos de características deben importar CommonModule porque solo necesitamos las directivas de Angular en el módulo de funciones y no los servicios que se requieren para iniciar la aplicación (que ya están disponibles en RootModule).

De acuerdo a esto:

Cuando se trata de componentes, conductos y directivas, cada módulo de funciones debe importar sus propias dependencias sin tener en cuenta si las mismas dependencias se importaron en el módulo raíz o en cualquier otro módulo de funciones.

Eres capaz de añadir valor a nuestro contenido informacional dando tu veteranía en las observaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *