Questions tagged [routerlinkactive]
60 questions
0
votes
1 answer
DxDataGrid does not trigger routerLink when keyboard navigation
I am using devextreme data grid. I have the next code:
Whenever I click on a row, it works as…
Esteban Chornet
- 928
- 3
- 14
- 38
0
votes
2 answers
Angular: clean way to bind template var based on active routerlink
Building an Angular 4 app, but I would accept an answer that works with v5+ as well. I have a navbar composed of navigation buttons like this:
BeetleJuice
- 39,516
- 19
- 105
- 165
0
votes
1 answer
Vuejs active router link does not work, tried multipled ways
I cannot make the active button (router-link tag) to light up.
Here is my code:
Dr Linh Chi Nguyen
- 1,063
- 1
- 9
- 17
0
votes
1 answer
How to apply Angular routerLinkActive for tab component that sharing same path
I've created a page using angular material with sidebar and tab. Im using angular 7. Here is sample image ->
sample image:
When I navigate to content tab, is-active class no longer apply to selected group in sidebar (no highlight). it is sharing…
SKL
- 1,243
- 4
- 32
- 53
0
votes
1 answer
How do I make an inner child routes to get the routerLinkActive
I have an angular 6 application that has a header component. One of the links in that header contains another 4 components. It means that when I click on that link the first component is loaded and the route is
/steps/step-one (the route of the home…
0
votes
1 answer
Angular Material 2 unable to set default active tab
Below code is taken from material.angular.io:
joriber
- 5
- 6
0
votes
2 answers
How to add css class to a active in-page-link (hashtag link) - Angular
I have an Angular, single-page-website with the next layout
Gil Epshtain
- 8,670
- 7
- 63
- 89
0
votes
1 answer
Router link active is not working properly with ngModel
I am working with routing and using routerLinkActive to make a link active. Link is not activated when using ngModel in html.
This is the exact scenario..
In component I am calling web service which returns an object or array of objects. In html I…
Aakriti.G
- 656
- 1
- 10
- 26
0
votes
1 answer
set default tab active when page loads Angular 4
I have a working side menu with [routerLinkActive] which allows me to get an active tab when I click on them.
however, I cant get to load a default tab active
This is my html file:
Rildo Gomez
- 305
- 8
- 21
0
votes
1 answer
Angular 4 route.navigate expand collapsed menu
My Angular 4 application has a navigation side menu with 2 collapsed items containing submenu items. The routing for the menu works find unless I programmatically route to pages. I can see in the source that the correct menu item is marked active,…
scott
- 83
- 1
- 10
0
votes
0 answers
set routerlink active on other pages
i want to make the sidebar option highlighted [routerlinkactive state] even when i navigate to other pages. So i have sidemenu component which is shown in home component
sidemenu compoennet html file
nethra gowda
- 290
- 1
- 4
- 23
0
votes
1 answer
Angular 4 router loading all the components
I am currently working on a project with Angular 4. Until today I had no problems with Router but I use Angular Materials components and this morning I saw that I had to update the Angular Material package. I executed :
npm update
Since then when…
Julien CN
- 1
- 1
-1
votes
1 answer
How to switch icon when containing class 'active' in Vuejs
I have a bottom navbar with icons. How can when the router-link has class 'active' it will turn into an active icon? Default icon 1 is active.
Icon 1 active
…
Phúc Trần
- 3
- 2
-1
votes
1 answer
Using ActiveRouterLink directive is not working as aspected
This is the current router setup and it works fine.
this is a lazy loaded module under the path search
so the url's become as follows...
search/all
search/web
search/guides
search/user
search/books
const routes: Routes = [
{
path: '',
…
Mackelito
- 4,213
- 5
- 39
- 78
