2017-06-15 6 views
0

J'utilise la CLI angulaire et j'ai généré un nouveau projet. Qu'est-ce qui se passe normalement dans votre app.component.ts?Ce qui se passe dans votre composant racine

Je n'ai pas trouvé une utilisation pour encore que tout le reste se trouve dans son propre module/composant

Répondre

2

app.component.ts généralement agit comme un composant racine de votre application. Lorsque vous placez le routeur-sortie, les en-têtes, pieds de page et routeur-prise est celui qui détient les vues en fonction de votre routage.

<app-header></app-header> 
<router-outlet></router-outlet> 
<footer></footer> 

Pour plus d'informations: https://angular.io/guide/quickstart

+0

C'est actuellement ce que je l'utilise. Donc, d'une certaine manière, c'est pour la logique de mise en page? –

+0

Il est pour le "shell" de base pour votre application. Tout ce que vous construisez fonctionnera dans cette "coquille". Pour de meilleures performances, il est généralement recommandé de garder votre composant app.component aussi simple que possible afin qu'il puisse être téléchargé rapidement pour un affichage rapide du shell de votre application. – DeborahK

2

Un exemple typique pour app.component.html serait un modèle de mise en page et l'élément <router-outlet></router-outlet>. L'application-racine doit être considérée comme le point d'entrée principal de votre application, donc, fondamentalement, vous mettez ce que vous voulez voir sur l'ensemble de l'application.

D'autre part, à l'intérieur de app.component.ts devrait être le code qui sera exécuté seulement une fois pendant l'exécution de l'application. Configuration des services, enregistrer des icônes personnalisées dans le service d'icône de matériau, configuration des variables globales, etc ou code qui devrait être exécuté une fois .