2017-07-12 7 views
0

Ich bin neu mit Winkel 2, Ich habe eine Komponente mit diesem Befehl erzeugtInhalt von Template funktioniert nicht

ng generate component hello 

und alle Dateien werden erzeugt und app.module.ts wird aktualisiert.

in der index.html ich diese

<app-hello></app-hello> 

aber die Web-Seite werden leer hinzugefügt haben, nichts angezeigt.

app.module.ts

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

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

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

enter image description here

+1

Versuchen Sie, 'bootstrap: [AppComponent]' durch 'bootstrap: [HelloComponent]' – yurzui

+1

zu ersetzen. Wir listen Komponenten im Bootstrap auf, um zu erkennen, dass diese Komponenten unsere Ausgangspunkte sind. Dies bedeutet, dass angular diese Komponenten auf eine spezielle Weise kompiliert (Host-Factory generieren) und Elemente sucht, die den Selektoren der Komponenten entsprechen. Dann innerhalb dieser Elemente wird die Komponente template.https: //stackoverflow.com/questions/44077178/what-does-it-mean-to-bootstrap-an-angular-application/44077696#44077696 – yurzui

+0

nur ändern Sie das Tag für Ihre Index für die Bootstrap-Hauptkomponente

Antwort

0

Nun, drucken Sie können im Index nur die Komponente, die Sie in 'Bootstrap' haben. Jetzt ist app.component.html Ihre Haupt-HTML-Datei, in die Sie andere Komponenten einfügen können. Sie können dies nicht in index.html tun.

Verwandte Themen