Stack Overflow
Stack Overflow

Questions tagged [angular-routerlink]

220 questions
1
vote
1 answer

Angular 7 multiple router outlets for a dashboard app

I have a primary outlet for displaying home, dashboard, request form. Dashboard is a gallery for displaying different kind of tiles like chart, table. I want an outlet in each tile of dashboard to show either chart or table. Since there are…
Rk R Bairi
  • 1,289
  • 7
  • 15
  • 39
1
vote
1 answer

Exclude routerLinkActive styleclass for some routes

I have a page header with 4 main tabs. MY PROFILE tab (/profile) has Action Items child tab available at route /profile/action-items. I also have ACTION ITEMS main tab, which basically redirects user to /profile/action-items. That is the root cause…
Nikita Marinosyan
  • 747
  • 2
  • 8
  • 26
1
vote
1 answer

relative routing without '/' is appending things to url instead of replacing part of the url

I'm new to angular and i'm trying to understand the routing process with child routes. As described here (https://angular.io/guide/router#milestone-4-crisis-center-feature), i want to have different app-features in separate feature modules with…
ng new
  • 11
  • 1
  • 2
1
vote
1 answer

Angular 7.x.x Re-routing with routerLink only

I was assigned to this work project with Angular. We have a few components that have a link to our terms&conditions page but said pages are heavily nested. See below: create-order.component.html: ...
Exitl0l
  • 459
  • 2
  • 11
  • 27
1
vote
0 answers

Bookmark a routerlink url and returning to it not working

I have an angular 4 application with router-link and it works fine. My root is localhost:4000. when I click on routerlink it will take me to something like localhost:4000/cts and everything works fine as expected. My problem is, if my user…
Thaison Nguyen
  • 131
  • 1
  • 10
1
vote
1 answer

Angular 7 activated routes all active after refresh

When I reload/refresh my app the routes in the menubar are displayed and all of the items are set to active. I have configured for the Routes: export const routes: Routes = [ { path: '', pathMatch: 'full', redirectTo: 'home', data: {…
LeO
  • 4,238
  • 4
  • 48
  • 88
1
vote
1 answer

In nebular how to apply routerLink to the user dropdown

I would like to add a link for a dropdown coded using nb-action loaded from the controller. Check the screenshot here I tried adding routerLink or link in the paramas but no luck. userMenu = [{ title: 'Profile' }, { title: 'Log out' , link:…
Abilash Arjunan
  • 323
  • 3
  • 11
1
vote
1 answer

Component doesn't get contentChildren when using routerLink angular 6-7

I have an app with multiple pages (anguler-router, roter-outlet set up to show angular components...). On one of the pages I have an external lib, that I built myself, and have published to a company hosted NPM repo. My lib works fine when I type…
Dizzypointed
  • 203
  • 1
  • 2
  • 8
1
vote
0 answers

How to have a 3rd component be displayed on the same page user click on a button inside of a component (using router-outlet)?

I have an accounts page that has a list of accounts. When the user clicks on one of the accounts a new component displays right next to it showing the account's recent transactions. This is done with a that is set…
John Murphy
  • 329
  • 3
  • 10
1
vote
1 answer

How to navigate two outlets deep?

The URL I would like to generate is: http://localhost:8000/Home/(fooOutlet:foo/(barOutlet:bar)) I have a router-outlet named 'Foo' and it contains a router-outlet named 'Bar'. How can I show a component in Bar? I created the codes below, but it…
Hypenate
  • 1,907
  • 3
  • 22
  • 38
1
vote
5 answers

Error: Cannot match any routes. URL Segment: 'rides'

I am getting this error but do not getting where I am wrong. the routes are as follows, const routes: Routes = [ {path: 'login', component: LoginComponent}, {path: 'register-user', component: RegisterUserComponent}, {path: '', redirectTo:…
Anil
  • 1,748
  • 8
  • 32
  • 67
1
vote
1 answer

After redirect to a route it immediatly going to the previous page

It returns back to the previous page when redirect to a route using an anchor tag with [routerLink] or through the code using : router.navigate(['/path']) Example : If I redirect to the extractedData page from result page, it will just show the…
Libin C Jacob
  • 1,108
  • 12
  • 34
1
vote
3 answers

Angular.io [routerLink] passing optional dynamic parameters

I am trying to build navigation links dynamically which also has optional paramteers …
VR1256
  • 1,266
  • 4
  • 28
  • 56
0
votes
0 answers

Angular: Configure a named router outlet

I am currently creating an Angular application that contains different pages. These pages are displayed using the Router module. One of the things I would like to implement is the RouterOutlet to be able to display different components (views) on a…
Jordi Serra
  • 132
  • 4
  • 13
0
votes
1 answer

How to get Angular router to ignore query string params?

I have an Angular 16 application with routing. I have some links in other places that will redirect to this application with a query string appended like this: http://my-app.com?redirect=other-app.com When the query string is present, it cannot…
Chris Barr
  • 29,851
  • 23
  • 95
  • 135
1 2 3
…
14 15