+
+
+ |
+ NgModule
+ |
+
+
+ Impórtalo desde
+ |
+
+
+ Para que sirve
+ |
+
+
+
+ BrowserModule |
+ @angular/platform-browser |
+ Permite correr tu app en un navegador |
+
+
+
+ CommonModule |
+ @angular/common |
+ Permite utilizar NgIf, NgFor |
+
+
+
+ FormsModule |
+ @angular/forms |
+ Permite utlizar formularios basados en plantillas (incluye NgModel) |
+
+
+
+ ReactiveFormsModule |
+ @angular/forms |
+ Permite crear formularios reactivos |
+
+
+
+ RouterModule |
+ @angular/router |
+ Permite utlizar RouterLink, .forRoot(), y .forChild() |
+
+
+
+ HttpClientModule |
+ @angular/common/http |
+ Permite comunicarte con un servidor |
+
+
+
+
+## Importación de módulos
+
+Al utilizar estos módulos de Angular, importalos dentro de `AppModule`,
+o en tu modulo de funcionalidades en caso de ser necesario, y enlístalos
+en el array de `imports` de `@NgModule`. Por ejemploe, en la app básica
+generada por la [Angular CLI](cli), `BrowserModule` es el primero en ser importado
+al inicio de `AppModule`, `app.module.ts`.
+
+
+```typescript
+/* importa los módulos de manera que AppModule pueda accederlos */
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+
+import { AppComponent } from './app.component';
+
+@NgModule({
+ declarations: [
+ AppComponent
+ ],
+ imports: [ /* agrega los módulos aquí para que Angular pueda utilizarlos */
+ BrowserModule,
+ ],
+ providers: [],
+ bootstrap: [AppComponent]
+})
+export class AppModule { }
+```
+
+Los imports al inicio del array son declaraciones de importación de Javascript
+mientras que el array de `imports` dentro de `@NgModule` es específico de Angular.
+Para más información sobre sus diferencias, consulta [JavaScript Modules vs. NgModules](guide/ngmodule-vs-jsmodule).
+
+
+## `BrowserModule` y `CommonModule`
+
+`BrowserModule` importa a `CommonModule`, el cual contibuyte con muchas
+directivas comunes como `ngIf` y `ngFor`. Adicionalmente, `BrowserModule`
+exporta nuevamente a `CommonModule` haciendo que todas sus directivas
+estén disponibles a cualquier módulo que importe a `BrowserModule`.
+
+Para apps que corran en el navegador, importa `BrowserModule` en la
+raíz `AppModule` ya que así proveerá los servicios escenciales para
+iniciar y correr la app en el navegador. Los proveedores de `BrowserModule`
+son para toda la aplicación por lo que debería de estar sólamente dentro
+del módulo raíz, no en módulos de funcionalidades. Los módulos de funcionalidades
+solamente necesitan de las directivas comunes encontradas en `CommonModule`;
+no necesitan volver a instalar proveedores que sirven para toda la aplicación.
+
+Si llegas a importar `BrowserModule` dentro de un módulo de funcionalidad
+con carga diferida, Angular regresará un error diciéndote que utilizes `CommonModule`.
+
+
+