#

Angular href links mat-links

 

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>

 

 

 

Mobile

.

0123movie.net