Was ist eigentlich @NgModule in eckige?

Als Anwendungen gestartet zu werden mehr und mehr Komplex, es wurde ersichtlich, dass in allen Anwendungen aufgeteilt werden sollte in modules. Jedes Modul ist eine kleine mini-Applikation auf Ihrer eigenen, aber jetzt bündeln Sie alle diese mini-Anwendungen, um Ihren größeren Anwendung.

Kantige Antwort auf die Erstellung von Modulen ist @NgModule. Dies ist der tag, können Sie ein Modul erstellen. Ein Modul in eckigen besteht aus components oder other module's components zusammen mit anderen Sachen, dass wir nicht darüber reden.

Also lasst uns sagen, Ihr Antrag hat zwei große Abschnitte - Wunschzettel und Warenkorb. Können Sie erstellen Module für jeden von Ihnen - WishlistModule und CartModule. In WishlistModule haben Sie verschiedene Komponenten (dekoriert wie @NgComponent) wie die Anzeige von Elementen, ziehen und ablegen von Elementen, etc. Ebenso für CartModule.

Module erstellen, müssen Sie @NgModule wie unten.

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { WishlistMainComponent }   from './wishlistMain.component';
import { WishlistShowComponent }   from './wishlistShow.component';
import { WishlistDragComponent }   from './wishlistDrag.component';
import { HeaderModule }   from './header.module';

@NgModule({
  imports:      [ 
    BrowserModule,
    HeaderModule
  ],
  declarations: [
    WishlistMainComponent, WishlistShowComponent, WishlistDragComponent
  ],
  bootstrap: [ WishlistMainComponent ]
})
export class WishlistModule { }

Anderen Antworten haben schon darauf hingewiesen, @NgModule hat eine Menge hinter den kulissen, aber in einfachen Worten, es erklärt ein Modul. Es ist fast so etwas wie eine Java-Klasse, und das, was Ihr pass in die bootstrap option ist wie die main () - Methode.

Einem Modul (oder @NgModule) selbst nichts ist, sondern nur eine Aktentasche mit einer Reihe von components, und wirklich, die Komponenten sind, was eigentlich Ihre Anwendung aus. Eine Komponente definiert ein tag z.B. <wishlist></wishlist> wo eckige bringt alle Eure Wunschzettel code. Das Modul wird einfach unter dem die Komponente Leben, und wenn Sie möchten, verwenden Sie eine externe Komponente, dann können Sie dies nur tun, durch den Import Modul, genau wie Java Klassen und Methoden.

Zuerst von allen, haben ein anderes Lesen von https://angular.io/docs/ts/latest/guide/ngmodule.html und definitiv https://angular.io/docs/ts/latest/cookbook/ngmodule-faq.html als gut.

Einer @NgModule nicht alle die Magie-setup. Es setzt das dependency-injection, zieht in jedem 3rd-party-Module, die Sie verwendet, deklariert alle Komponenten/Richtlinien/Rohre/etc. , die verwendet werden, innerhalb des Moduls, stellt einige dieser Komponenten etc. zu anderen Modulen, stellt den Arbeitsplan für das Modul, und setzt, bis keine "boostrap" - Komponenten, die verwendet werden können, wie die root-Komponente.

Es gibt zwei Typen von Modulen. Erstens, es ist deine 'Stamm-Modul', das ist der Einstiegspunkt der app. Sie können technisch alles in Ihrer app in gerade einem Modul.

Dann gibt es 'Feature-Module', die verwendet werden, für die Trennung von Bedenken, die während der Entwicklung, aber auch für Dinge wie lazy-loading von teilen der app. Dies ist eher ein Problem für größere Anwendungen, aber es tut es schon früh kann sicherlich helfen Sie set-up "rechts".

Aus der docs

Einer NgModule ist eine Klasse, die geprägt ist von der @NgModule Dekorateur. @NgModule nimmt ein Metadaten-Objekt, das beschreibt, wie zu kompilieren einer Komponente, die Vorlage und die Vorgehensweise zum erstellen eines Injektors zur Laufzeit. Es identifiziert das Modul, die eigenen Komponenten, Richtlinien, und-Rohre, und einige von Ihnen öffentlich über die Export-Eigenschaft, so dass externe Komponenten, die Sie verwenden können. @NgModule können auch service Provider application dependency-Injektoren.

---

NgModule Metadaten die folgenden:

• Erklärt, welche Komponenten, Richtlinien und Rohre gehören zu dem Modul.
• Macht einige dieser Komponenten, Richtlinien, und die Rohre der öffentlichkeit, so dass andere module und Komponenten templates Sie verwenden können.
• Importiert andere Module mit den Komponenten, Richtlinien, und Rohre, die Komponenten in das aktuelle Modul benötigen.
• Bietet Dienste, die von anderen Komponenten der Anwendung verwenden können.