Learning Angular, is this the best way to set up child links?
<nav class="side-nav">
<h1 class="side-nav__logo">LOGO</h1>
<ng-container *ngFor="let link of links">
<a [routerLink]="['/', link.path]" routerLinkActive="side-nav__link--active" class="side-nav__link"> {{ link.name }}</a>
<ng-container *ngIf="link.sublinks">
<ng-container *ngFor="let sublink of link.sublinks">
<a [routerLink]="['/', link.path, sublink.path]" routerLinkActive="side-nav__sublink--active" class="side-nav__sublink"> {{ sublink.name }}</a>
</ng-container>
</ng-container>
</ng-container>
</nav>
Guessing now I have to hide them and show them whenever someone clicks on its parent.