July 2019
Intermediate to advanced
416 pages
10h 6m
English
Bootstrap provides the nav component to which we can add navigation. Inside this, we are going to create a series of links. Like in the previous chapter, we will use routerLink to say what Angular should route to:
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <a class="navbar-brand" href="#">Navbar</a> <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="navbar-nav"> <a class="nav-item nav-link active" routerLink="/general">General</a> <a class="nav-item nav-link" routerLink="/secret" *ngIf="auth.IsAuthenticated">Secret</a> <a class="nav-item nav-link active" (click)="auth.Login()" routerLink="#" *ngIf="!auth.IsAuthenticated">Login</a> <a class="nav-item nav-link active" (click)="auth ...
Read now
Unlock full access