modulos - ¿Cuál es la diferencia entre un componente angular y un módulo?
que es un componente en angular (6)
He estado viendo videos y leyendo artículos, pero este artículo específico me confunde mucho, al comienzo del artículo dice
Las aplicaciones en Angular siguen una estructura modular. Las aplicaciones angulares contendrán muchos módulos, cada uno dedicado a un solo propósito. Por lo general, el módulo es un grupo de código cohesivo que está integrado con los otros módulos para ejecutar sus aplicaciones angulares.
Un módulo exporta algunas clases, funciones y valores de su código. El Componente es un bloque fundamental de Angular y múltiples componentes conformarán su aplicación.
Un módulo puede ser una biblioteca para otro módulo. Por ejemplo, la biblioteca angular2 / core, que es un módulo de biblioteca angular principal, será importada por otro componente.
¿Son términos intercambiables? ¿Es un componente un módulo? Pero no viceversa?
Bueno, es demasiado tarde para publicar una respuesta, pero creo que será
easy
entender quiénes son principiantes con
Angular
.
Uno de los ejemplos que doy durante mi presentación.
Considere su aplicación angular como un
Building
.
Un edificio puede tener un número
N
de
Apartments
en él.
Un
Apartment
se considera como un
Module
.
Un apartamento puede tener un número
N
de
rooms
que corresponden a los bloques de construcción de una aplicación angular denominada
Components
.
Ahora cada
Apartment (Module)
tendrá
Rooms (Components)
,
Lifts (Services)
para permitir un mayor movimiento de entrada y salida de los apartamentos,
Wires (Pipes)
para mover la información y hacerla útil en los apartamentos.
También tendrá lugares como
swimming pool, tennis court
que comparten todos los residentes del edificio.
Por lo tanto, estos pueden considerarse como componentes dentro de SharedModule.
Básicamente, la diferencia es la siguiente,
Siga mis diapositivas para comprender los componentes básicos de una aplicación angular.
El componente es
the template(view) + a class (Typescript code) containing some logic for the view + metadata(to tell angular about from where to get data it needs to display the template)
.
basically group the related components, services together
módulos
basically group the related components, services together
para que pueda tener fragmentos de funcionalidad que luego se pueden ejecutar de forma independiente.
Por ejemplo, una aplicación puede tener módulos para funciones, para agrupar componentes para una función particular de su aplicación, como un panel de control, que simplemente puede tomar y usar dentro de otra aplicación.
Un módulo en Angular 2 es algo que está hecho de componentes, directivas, servicios, etc. Uno o muchos módulos se combinan para hacer una aplicación. Aplicación de ruptura de módulos en piezas lógicas de código. Cada módulo realiza una sola tarea.
Los componentes en Angular 2 son clases en las que escribe su lógica para la página que desea mostrar. Los componentes controlan la vista (html). Los componentes se comunican con otros componentes y servicios.
Vistas de control de componentes (html). También se comunican con otros componentes y servicios para brindar funcionalidad a su aplicación.
Los módulos constan de uno o más componentes. No controlan ningún html. Sus módulos declaran qué componentes pueden usar los componentes que pertenecen a otros módulos, qué clases serán inyectadas por el inyector de dependencia y qué componente se iniciará. Los módulos le permiten administrar sus componentes para aportar modularidad a su aplicación.
La explicación más simple:
El módulo es como un contenedor grande que contiene uno o muchos contenedores pequeños llamados Componente, Servicio, Tubería
Un componente contiene:
-
Plantilla HTML o código HTML
-
Código (TypeScript)
-
Servicio: es un código reutilizable que comparten los componentes, por lo que no es necesario reescribir el código.
-
Pipe: toma datos como entrada y los transforma en la salida deseada
.
Componente angular
Un componente
es uno de los componentes básicos de una aplicación angular.
Una aplicación puede tener más de un componente.
En una aplicación normal, un componente contiene un archivo de clase de página de vista HTML, un archivo de clase que controla el comportamiento de la página HTML y el archivo CSS / scss para diseñar su vista HTML.
Se puede crear un componente utilizando el decorador
@Component
que forma parte del módulo
@angular/core
.
import { Component } from ''@angular/core'';
y para crear un componente
@Component({selector: ''greet'', template: ''Hello {{name}}!''})
class Greet {
name: string = ''World'';
}
Para crear un componente o aplicación angular aquí está el tutorial
Módulo angular
Un módulo angular es un conjunto de bloques de construcción básicos angulares como componentes , directives , services , etc. Una aplicación puede tener más de un módulo.
Se puede crear un módulo usando el decorador
@NgModule
.
@NgModule({
imports: [ BrowserModule ],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ]
})
export class AppModule { }