Un módulo es uno de los elementos principales con los que podemos organizar el código de las aplicaciones en Angular. No deben ser desconocidos hasta este momento del Manual de Angular, puesto que nuestra aplicación básica ya disponía de uno. Sin embargo, en lugar de colocar el código de todos los componentes, directivas o pipes en el mismo módulo principal, lo adecuado es desarrollar diferentes módulos y agrupar distintos elementos en unos u otros. El orden se realizará de una manera lógica, atendiendo a nuestras propias preferencias, el modelo de negocio o las preferencias del equipo de desarrollo.
TS
import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { GenteComponent } from './components/gente/gente.component'; import { NavbarComponent } from './components/shared/navbar/navbar.component'; import { CrearGenteComponent } from './components/crear-gente/crear-gente.component'; import { HomeComponent } from './components/home/home.component'; import { HttpClientModule } from '@angular/common/http'; //NG PRIME import { TableModule } from 'primeng/table'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { GalleriaModule } from 'primeng/galleria'; import { MessagesModule } from 'primeng/messages'; import { MessageModule } from 'primeng/message'; import { ConfirmDialogModule } from 'primeng/confirmdialog'; import { ConfirmationService } from 'primeng/api'; //RUTAS import { RouterModule } from '@angular/router'; import { ROUTES } from './app.routes'; //FORMULARIOS import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { GuardRoutes } from './components/shared/security/guard-routes'; @NgModule({ declarations: [ AppComponent, GenteComponent, NavbarComponent, CrearGenteComponent, HomeComponent ], imports: [ BrowserModule, AppRoutingModule, HttpClientModule, BrowserAnimationsModule, FormsModule, ReactiveFormsModule, TableModule, GalleriaModule, MessagesModule, MessageModule, ConfirmDialogModule, RouterModule.forRoot( ROUTES) ], providers: [ ConfirmationService, GuardRoutes ], bootstrap: [AppComponent] }) export class AppModule { }
0 comentarios:
Publicar un comentario