¿Qué es CommonModule?
El CommonModule
es uno de los módulos más utilizados en Angular. Proporciona muchas de
las directivas comunes necesarias para construir una aplicación Angular,
como ngIf
, ngFor
, ngClass,
NgModule, etc.
Directivas Estructurales
*ngIf
: Condicionalmente incluye una plantilla en el DOM.*ngFor
: Repite una plantilla para cada elemento de una colección.*ngSwitch
,*ngSwitchCase
,*ngSwitchDefault
: Condicionalmente incluye una plantilla basada en una expresión de cambio.
Directivas Atributo
ngClass
: Añade y elimina clases CSS.ngStyle
: Añade y elimina estilos CSS.ngModel
: Enlaza una propiedad de un elemento de formulario a una propiedad de datos.
NgModule: Exporta todo lo básico de las directives y pipes de Angular: NgIf, NgForOf, DecimalPipe, reexportado por BrowserModule, que se incluye automáticamente en la raíz AppModule cuando creas una nueva aplicación new.
....
API= class CommonModule {}Módulos de uso frecuente
Una aplicación Angular necesita al menos un módulo que sirva como módulo raíz. A medida que agrega funciones a su aplicación, puede agregarlas en módulos. Los siguientes son módulos Angular de uso frecuente con ejemplos de algunas de las cosas que contienen:
NgModule | Import it from | ¿Por qué lo usas? |
---|---|---|
BrowserModule |
@angular/platform-browser |
Para ejecutar su aplicación en un navegador. |
CommonModule |
@angular/common |
To use NgIf and NgFor . |
FormsModule |
@angular/forms |
Para crear (build) formularios basados en template o plantillas (incluye NgModel ). |
ReactiveFormsModule |
@angular/forms |
To build reactive forms. |
RouterModule |
@angular/router |
To use RouterLink , .forRoot() , and .forChild() . |
HttpClientModule |
@angular/common/http |
Comunicarse con un servidor mediante el protocolo HTTP. |
Módulos importadores
Las importaciones en la parte superior de la matriz son estados de importación de JavaScript, mientras que el imports
matriz dentro @Component
es específica angular.
Cuando utilice estos módulos Angular, importarlos enAppModule
, o su módulo de características según corresponda, y enumerlos en el@NgModule
imports
array.
Por ejemplo, en una nueva aplicación generada por la CLI angular, BrowserModule
se importa en el AppModule
. Las importaciones en la parte superior de la matriz son estados de importación de JavaScript, mientras que el imports
matriz dentro @NgModule
es específica angular.
mmmm
mm