martes, 13 de diciembre de 2016

Angular 2. Entrega 5. El módulo de la aplicación

El módulo es un elemento de la aplicación de angular que define las dependencias que se utilizan en la aplicación. En nuestro caso tenemos el fichero app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Por una parte nos dice los elementos básicos de angular 2 que utilizamos en este caso los 4 primeros "imports", y a continuación nos indica otro import con nuestro componente anterior (AppComponent).

Observar que el 2º import hace referencia a NgModule, ya que estamos en un módulo,

A continuación viene la anotación @NgModule para indicar que esto es un módulo. Y además contiene estas declaraciones:
1. declarations: Indica los componentes a usar
2. imports: enumera los componentes internos de angular a utilizar (excepto NgModule). Por defecto importa también FormsModule ya que lo mas normal es que mas adelante le añadamos un formulario. Como dice Micael, "es un elementa muy básico".
Por otra parte, angular2 puede vivir en BackEnd o en Browser. En este caso por defecto nos suministra el valor BrowserModule.
3. providers: Parece ser que se tendrán que definir los servicios (otro elemento mas de angular)
4. bootstrap: Componentes utilizados al arrancar la aplicación, o sea cuales son los elementos principales. En nuestro caso solo está de momento AppComponent.

Al final se exporta la clase AppModule que según Micael, es una clase "de mentira", ya que nunca va a tener código.

No hay comentarios :

Publicar un comentario