Skip to content

Instantly share code, notes, and snippets.

@umutyerebakmaz

umutyerebakmaz/user-nav-one.component.html

Created February 25, 2020 09:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save umutyerebakmaz/58cd9d52f503912d20d1a2e117b04917 to your computer and use it in GitHub Desktop.
Save umutyerebakmaz/58cd9d52f503912d20d1a2e117b04917 to your computer and use it in GitHub Desktop.
Download ZIP
RouterLinkActiveOptions usage example
Raw
user-nav-one.component.html
<div *ngIf="user" fxLayout="row" fxLayoutAlign="center none">
<div class="user-nav-one mat-elevation-z2" fxLayout="row" fxLayoutAlign="space-between none">
<a mat-button routerLink="/okur/{{ user.slug }}" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">Duvar <span>0</span></a>
<a mat-button routerLink="/okur/{{ user.slug }}/kitaplari" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">Kitapları <span>173</span></a>
<a mat-button routerLink="/okur/{{ user.slug }}/takip-ettikleri" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">Takip Ettikleri <span>971</span></a>
<a mat-button routerLink="/okur/{{ user.slug }}/takipcileri" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">Takipçileri <span>1.362</span></a>
<a mat-button routerLink="/okur/{{ user.slug }}/begendikleri" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">Beğendikleri <span>156</span></a>
<a mat-button routerLink="/okur/{{ user.slug }}/yorumlari" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">Yorumları <span>88</span></a>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment