Stack Overflow
Stack Overflow

Questions tagged [angular-routerlink]

220 questions
163
votes
4 answers

Difference between [routerLink] and routerLink

What is the difference between [routerLink] and routerLink ? How should you use each one?
Eslam Tahoon
  • 2,205
  • 4
  • 15
  • 21
35
votes
5 answers

ERROR Error: Uncaught (in promise), Cannot match any routes. URL Segment

I have simple navigation in angular 6 app, Here is HTML
The Dead Man
  • 6,258
  • 28
  • 111
  • 193
24
votes
5 answers

Angular 7 routerLink directive warning 'Navigation triggered outside Angular zone'

I am struggling with Angular framework to get my application run smoothly, but I can't resolve an issue with routing. I have a top level AppComponent and app-routing.module.ts which manage the navigation via my custom SlideMenuComponent. My…
Veetaha
  • 833
  • 1
  • 8
  • 19
23
votes
2 answers

RouterLink with multiple params in Angular

I want to create a link to the route with multiple parameters and bind them in tempalte. Until now, I've been doing this by executing the function on (click) event, but I was wondering if it's possible within RouterLink's binding. Here is the…
Dawid Zbiński
  • 5,521
  • 8
  • 43
  • 70
15
votes
6 answers

Router navigate to child route - Angular 6

I've defined my routes like this: const routes: Routes = [ { path: '', loadChildren: './tabs/tabs.module#TabsPageModule' }, { path: 'faq', loadChildren: './faq/faq.module#FaqPageModule' }, { path: 'terms', loadChildren:…
Ante Ereš
  • 623
  • 4
  • 8
  • 24
15
votes
5 answers

how to pass route params in [routerLink] angular 2

I'm trying to create an application with angular 2,And Want pass params to tag a in [routerLink],i want craete a link like this : i dont know how to pass cell in template...
user5738822
13
votes
2 answers

Angular 7.x.x easiest way to scroll to a fragment?

In the past two days i've been diggin through the internetz about scrolling a fragment into view with angular. Let's say we have a static webpage with a bunch of id-s that act as fragments. And has a side nav-bar to navigate through the fragments…
Exitl0l
  • 459
  • 2
  • 11
  • 27
12
votes
4 answers

go back using routerLink

I'm using routerLink to go back in my page. Current route can have 3 levels: myurl.com/parent myurl.com/parent/child myurl.com/parent/child/grandchild also, I have some differents components, so it won't be always parent, it can be parent1, or…
cucuru
  • 3,456
  • 8
  • 40
  • 74
10
votes
6 answers

Angular - Apply style to element depending on sibling RouterLinkActive?

I do not have only one menu bar on my app that I need to be painted when the user navigates, I have another components too that needs to be painted as well. Can I achieve this just using routerLinkActive? menu.html
napstercake
  • 1,815
  • 6
  • 32
  • 57
7
votes
3 answers

Disabling routerLink with stopImmediatePropagation method

Task - Create a reusable button/anchor tag attribute selected component for an Angular library, with as much of the logic for the behavior tied up in the component itself not on the HTML markup. HTML markup should be as clean as possible ideally
Munerz
  • 1,052
  • 1
  • 13
  • 26
7
votes
3 answers

Angular 8 - URL loads with routerLink but doesn't show when directly access in the browser in LOCALHOST

I have developed the Angular 8 application and I am using the routerLink to navigate the components which work fine without any issue but when I enter the same URL directly in the browser it doesn't show anything and in the console, I am seeing the…
Mahesh G
  • 1,226
  • 4
  • 30
  • 57
7
votes
0 answers

using routerLinkActive with click event

How can I use routerLinkActive with click event and without routerLink? I read somewhere that using click and routerLink together is not a good practice. I want to set an active class when I click the link and want to perform some business functions…
Pritam Bohra
  • 3,912
  • 8
  • 41
  • 72
6
votes
2 answers

Angular testing: Cannot read property 'nativeElement' of null

I am new in Angular testing and at the moment I am trying to test this piece of code but I'm getting an error concerning the event raised on the DOM:
  • Mellville
    • 1,027
    • 2
    • 18
    • 39
    • 6
    votes
    1 answer

    routerLink adding question mark in url?

    I want to have route something like this : www.test.com?procesId=12 . This is my current routerLink: But right now i get this value : www.test.com/123 Any suggestion how can i add in url ?procesId = 12 with routerLink ? I tried: But i dont get…
    None
    • 8,817
    • 26
    • 96
    • 171
    5
    votes
    2 answers

    Angular Routing with Fragment Hash doesn't work if I click the same anchor twice

    I am trying to redirect within the page, using a fragment in an anchor tag. It works fine the first time but when I scroll the page up manually and press the anchor link again it doesn't work.
    Saad Bashir
    • 4,341
    • 8
    • 30
    • 60
    1
    2 3
    …
    14 15