Verschiedene Links mit Angular Router , Angular Material und Bootstrap
1: Matlist : ergibt eine Zeile in gesamter Breite
<mat-list-item routerLink="/pages/1">Page1</mat-list-item> |
2: a href mit Bootstrap
<a routerLink="/pages/1" class="btn btn-danger"> Page1</a> |
Hierzu muss bootstrap mit npm install bootstrap installiert sein
<p>pages:</p>
Mat-Nav-List: <mat-nav-list> <mat-list-item routerLink="/pages/1">Page1</mat-list-item> mat-list-item routerLink="/pages/1" <mat-list-item routerLink="/pages/2">Page2</mat-list-item> mat-list-item routerLink="/pages/2" </mat-nav-list>
<br> <hr> A-Href-Links: <ul class=""> <li> <a routerLink="/pages/1" class="btn btn-danger"> Page1</a> routerLink="/pages/1" bootstap btn-danger </li> <li> <a routerLink="/pages/2" class="badge badge-primary"> Page2</a> routerLink="/pages/2" bootstrap badge-primary </li> <li> <a routerLink="/pages/3"> Page3</a> routerLink="/pages/3" </li>
</ul> |