Diferencia entre declaraciones y componentes de entrada en AngularJS

  • Declaraciones: Son el conjunto de componentes, directivas y conductos (declaraciones) que pertenecen al (este) módulo. Estos componentes están en el ámbito local (visibilidad privada).
    Sintaxis: 
     
declarations: Array<Type | any[]>
  • El conjunto de selectores (directivas, componentes, conductos) se declaran: 
    1. que están disponibles para el uso de una plantilla.
    2. aquellos que se exportan desde NgModules importados.
  • entryComponent: EntryComponent es el componente que carga angular por la fuerza, lo que significa que estos componentes no están referenciados en la plantilla HTML. En la mayoría de los casos, Angular carga un componente cuando se declara explícitamente en la plantilla del componente. Pero este no es el caso con entryComponents. Los componentes de entrada solo se cargan dinámicamente y nunca se hace referencia a ellos en la plantilla del componente. Se refiere a la array de componentes que no se encuentran en HTML.
    Bootstrap entryComponent proporciona el punto de entrada para la aplicación. Los componentes de entrada enrutados no se especifican explícitamente en el HTML de un componente, pero están registrados en la array de rutas. Estos componentes también se cargan dinámicamente y, por lo tanto, Angular necesita conocerlos.
    Este es un ejemplo de cómo se ve app.module.ts.
     

javascript

import { BrowserModule } from
    '@angular/platform-browser';
import { NgModule } from '@angular/core';
 
import { HeaderComponent } from
    './header/header.component';
import { ListComponent } from
    './list/list.component';
import { DetailComponent } from
    './detail/detail.component';
 
import { AppComponent } from
    './app.component';
 
@NgModule({
  declarations: [
    AppComponent,
    HeaderComponent,
    ListComponent,
    DetailComponent,
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
  • En el ejemplo anterior, todos los componentes y canalizaciones se enumeran en declaraciones, pero solo AppComponent se enumera en bootstrap como componente de entrada.

Diferencia entre Componente de entrada y Declaración: 
 

componente de entrada Declaraciones
La array entryComponent garantiza que la sacudida del árbol no rompa la aplicación. La array de declaraciones garantiza la encapsulación del módulo.
Los componentes de entrada se utilizan para registrar componentes para el cálculo fuera de línea en un módulo. Estos componentes se mencionan aquí ya que no se mencionan en ninguna otra parte de la plantilla HTML. Las declaraciones se utilizan para crear directivas (componentes, tuberías, etc.) en un módulo específico.
Los componentes utilizados para la configuración del enrutador se pueden agregar implícitamente. Las directivas, los componentes y las canalizaciones se comparan con el HTML solo si se declaran o importan.
ComponentFactoryReolver agrega una array de componentes. La array de componentes se puede encontrar en la plantilla HTML.

Publicación traducida automáticamente

Artículo escrito por SonaliPatel y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

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