Wat is <app-root> op de indexpagina?

index.html

De browser opent index.html.
In de body van deze pagina, staat enkel een verwijzing naar <app-root>.
Wat betekent deze speciale tag en hoe komt de "echte inhoud" nu op de pagina terecht?


            

            

                

                

            

        

    



    
main.ts

    
De eerste code die Angular uitvoert, staat in src/main.ts. De belangrijkste lijn staat
        helemaal onderaan:

    

    
De bootstrapModule AppModule verwijst naar het bestand app/app.module.ts.

        PS: merk op dat je bij een import nooit de extensie .ts gebruikt!

    
app/app.module.ts

    
In deze module staat, op lijn 14, een bootstrap-array met daarin alle componenten die je op de indexpagina
        gebruikt.

        In onze toepassing gebruiken we enkel AppComponent, die via de import verwijst naar het
        bestand app/app.component.ts.

    

    
Het is perfect mogelijk om extra componenten in de homepage te verwerken. Je moet deze componenten wel eerst
        importeren en vervolgens aan de bootstrap-array toevoegen.

    
app/app.component.ts

    
De selector binnen de component-decorator (lijn 4) verwijst naar de tag <app-root> op de
        indexpagina. De tag zelf wordt op zijn beurt vervangen door de HTML-code van app/app.component.html.