Routerlink in angular

Angular router navigate

// Here’s a basic example using the navigate method:

goPlaces() {
  this.router.navigate(['/', 'page-name']);
}

/*
I hope it will help you.
Namaste
*/

Angular [routerlink]

      
        content_copy
      
      <a [routerLink]="['/user/bob']" [queryParams]="{debug: true}" fragment="education">
  link to user component
</a>

Source: angular.io

Call a function whenever routerlink is clicke angular

<a class="nav-link" [routerLink]="['/home']" (click)="doSomeLogic()">Home</a>

Source: stackoverflow.com

Ng router link

<a [routerLink]="['/user/bob']" [queryParams]="{debug: true}" fragment="education">
  link to user component
</a>

Source: angular.io

Routerlink example

<a class="nav-link" [routerLink]="['/home']" (click)="doSomeLogic()">Home</a>

Routerlink in angular

<li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
    <a>Home</a>
</li>

Similar codes

0 vote132 views1 answer
Add favorite icon to website html
Html
0 vote158 views1 answer
Input datetime without time
Html
0 vote140 views1 answer
Shopify custom html image tag src attribute
Html
4 votes168 views2 answers
ERROR Error: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone' in ngModelOptions.
Html
0 vote143 views1 answer
Customize the names of downloadable files
Html
0 vote147 views1 answer
React bootstrap 5 doesn't apply styles
Html
0 vote168 views1 answer
Wicked pdf page break
Html
2 votes157 views1 answer
Access particular array index in html template django
Html
0 vote136 views1 answer
Strip newlines in jekyll
Html
1 vote153 views1 answer
Vue submit reloads page
Html