2017-07-12 1 views
0

Je suis nouveau avec angulaire 2, j'ai généré un composant avec cette commandeAfficher le contenu du modèle ne fonctionne pas

ng generate component hello 

et tous les fichiers sont générés et app.module.ts est mis à jour.

dans le index.html J'ai ajouté ce

<app-hello></app-hello> 

mais la page Web vierge devenir, rien apparaître.

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

Essayez de remplacer 'bootstrap: [AppComponent]' par 'bootstrap: [HelloComponent]' – yurzui

+1

Nous listons les composants dans bootstrap pour indiquer angulaire que ces composants sont nos points de départ. Cela signifie que angular va compiler ces composants d'une manière spéciale (générer une fabrique hôte) et recherchera des éléments qui satisfont les sélecteurs de composants. Ensuite, à l'intérieur de ces éléments seront placés composant template.https: //stackoverflow.com/questions/44077178/what-does-it-mean-to-bootstrap-an-angular-application/44077696#44077696 – yurzui

+0

il suffit de changer le tag pour votre index au composant principal bootstrap

Répondre

0

Eh bien, dans l'index, vous pouvez imprimer uniquement le composant que vous avez dans 'bootstrap'. Maintenant, app.component.html est votre fichier html principal où vous pouvez mettre d'autres composants. Vous ne pouvez pas le faire dans index.html.