ANGULAR en menos de 128 palabras – Componentes angulares – Parte 6

Construcción de aplicaciones de bloques

Los componentes son como bloques de creación en una aplicación Angular.

Los componentes se definen mediante el decorador de @component. Un componente tiene un selector, un modelo, un estilo y otras propiedades, con las que especifica los metadatos necesarios para procesar el componente.

Ejemplo de arquitectura de bloques de componentes Angular

AppComponent es el componente raíz de nuestra aplicación. Esta es la base del árbol de componentes de aplicación Angular.

https://angular.io/guide/architecture-modules

Para generar un componente, el comando es:

ng g componente MyComponent

Componente de muestra:

importación - Componente - de "@angular/núcleo";

@Component
  selector: "artículos"
  plantilla: "<h2>Artículo</h2>"
})
clase de exportación ArticlesComponent
}

Tenga en cuenta que si no ha utilizado el control de generación de componentes, debe agregar manualmente el componente al archivo src/app/app.module.ts en las importaciones.

importación - BrowserModule - desde "@angular/plataforma-navegador";
importación - NgModule - desde "@angular/core";
importación - AppComponent - desde "./app.component";
importación - ArticlesComponent - de "./articles.component";

@NgModule
  Declaraciones[AppComponent, ArticlesComponent]:
  Importacione[BrowserModule, ArticlesComponent]s:
  Proveedores[]:
  Bootstrap:[AppComponent]
})
clase de exportación AppModule

Deja una respuesta

Tu dirección de correo electrónico no será publicada.