Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

Angular href links mat-links

29.01.2021 (👁2238)


 

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>