Dynamically Instantiate an Angular Component

Hi, great course! Got one question: Is there any particular reason why you're using ng-template as ViewContainerRef , and not just regular HTML element like DIV?

Hey. Yes, ng-template allows you to define a piece of HTML, but it is not being rendered actually. The rendering only happens once you pass its reference to some template outlet. A div instead would be immediately be rendered by the browser.

Hope that makes sense.

Hey. Yes, ng-template allows you to define a piece of HTML, but it is not being rendered actually. The rendering only happens once you pass its reference to some template outlet. A div instead would be immediately be rendered by the browser.

Absolutely, thanks :)

Ah, sorry, I replied too soon. Ok I understand that app.component HTML has:

    <ng-template let-person="data" #personEdit>
      Hi, I'm {{ person?.name }}.
    </ng-template>

That makes perfect sense. But my question was about

<ng-template dynamicTabAnchor #container></ng-template>

I mean, this ng-template serves as viewContainerRef and is empty at the beginning, so it could be a div. Actually I'm confused why when you add stuff to this ng-template is shows in the browser, because this ng-template it not passed anywhere to outlet?