Stack Overflow
Stack Overflow

Questions tagged [routerlinkactive]

60 questions
1
vote
2 answers

Angular 4 routerLinkActive not adding class active

I want to style the css and add class when a link is active using routerLinkActive. I have tried in bootstrap and it works, but then when I got the custom CSS from the front end developer, it won't add the class that states that it is active, even…
Helen
  • 105
  • 2
  • 12
1
vote
2 answers

How to add class only to the header of group of links

I have a list like to:
1
vote
1 answer

routerLink is not working in angular 2

Routing in page is not happening. I have used below HTML and config code.
0
votes
0 answers

Angular routerLinkActive on parent element

I am using a Syncfusion sidebar and listview in an Angular Micro-Frontend application. When I select an item in the sidebar, the app is loaded on the right side and the list item has an e-active class and I can target it to apply styles. I want a…
tangel
  • 309
  • 1
  • 3
  • 12
0
votes
1 answer

Active router link Angular

How could i implement active router link if i have dymanic list of routes and cant assign a fixed route ? I tried to implement a function which on click send index and search in DOM its array position in sidebar. It works, but when we delete or add…
dunivivi
  • 1
  • 3
0
votes
1 answer

Navigating to the current URL of a named (nested) router nests the route call

I have a base ClazzComponent, ClazzModule and ClazzRouting Module. The ClazzComponent is rendered through the primary in my AppComponent. The ClazzComponent has a SlideOverComponent that has a named router,
Mike Bagnasco
  • 47
  • 1
  • 9
0
votes
1 answer

How do parent link in Angular and then click on child link get other style

I need do parent link. I did, but sure it correct. When I click routerLinkActive="router-class" , child and parent link can to get class "router-class", but I when click on child link - parent link must change get class…
user348813
  • 1
  • 3
0
votes
1 answer

angular 13 adding [formGroup] disables routerlinkActive

i have a navbar in my headerComponent and a button (opens a modal which contains a sign up form) the problem is when i add [formGroup] to the sign up form routerlinkActive no longer works header.component.html navbar part:
Amine Ben Selem
  • 21
  • 5
0
votes
1 answer

router-link VueJS can't link to an element in the same page

I'm trying to developp a sidebar of a documentation who it links to elements on th same page
  • …
    • MAHA OUEGHLANI
    • 124
    • 13
    0
    votes
    1 answer

    item menu: define a routerlink active by default when launching the application

    It’s all in the title, I’d like the first item of my menu to take the 'primary' style of angular material. Here is my code that works only when I clicked on a menu item
    olivier
    • 139
    • 2
    • 10
    0
    votes
    1 answer

    How to apply styles to an active router-link in Vuejs

    I have a side bar containing multiple sidebar items like this