routerlink Questions

17

Solved

I have a single-page app that i've created using vue, and the nav links are all done using router-link tags. There are a couple of items in the nav that my boss wants to have in the nav but disable...
Sporogenesis asked 23/4, 2020 at 20:33

8

Solved

Here is the issue that I'm encountering with Angular 7 : I have two outlets : the main app router outlet, and a secondary outlet named 'administration'. When I want to navigate through any admini...
Cutinize asked 10/4, 2019 at 16:55

5

Using vuejs 2.5 if there is a way in router-link to set target= '_blank' ? I tried this way: <router-link :to="{name: 'UserProfileView', params: {id: participantUser.user_id}, target: '_bla...
Jebel asked 15/1, 2018 at 15:37

4

Solved

I have a problem with my routerLinkActive. Here is two Gifs to explain. First problem: When i start the app, none of the routerLinkActive give the class active. But if i click on a different rou...
Crenation asked 12/9, 2017 at 9:28

7

Solved

My page currently has Navigation.vue component. I want to make the each navigation hover and active. The hover works but active doesn't. This is how Navigation.vue file looks like : <template&gt...
Bove asked 6/9, 2017 at 19:45

2

Solved

I need to use 'relativeTo' property as well as 'routerLinkActive' directive in my application. Having a click listener function that routes using router.navigate(this.router.navigate(['path']{rel...
Queenie asked 9/8, 2017 at 3:42

11

This may be simple, but I've looked over documentation and can't find anything about it. I want to have my 'github' link redirect to say, github.com. However, its just appending 'https://github.com...
Trinitrophenol asked 31/5, 2018 at 21:24

5

I have an angular component with a @Input parameter as follows. @Component({ selector: 'app-transmission-history' }) export class TransmissionHistoryComponent implements OnInit { @Input() theRe...
Digitalism asked 15/12, 2017 at 16:18

3

Solved

Ionic 4 now uses Angular router. Altough it still has its own NavControler, which helps to simulate push / pop navigation style though the navigateBackward and navigateForward methods. So that ion...
Heliozoan asked 3/1, 2019 at 23:29

10

Solved

This results in an underlined link: <li><router-link to="/hello">Hello</router-link></li> My understanding is that the router-link element generates an a tag. I've tried...
Popularize asked 28/6, 2017 at 16:52

1

I'm trying to pass a parameter to my routerLink within a loop. Here is what the array of objects looks like: Here is the loop with the routerLink link: <li *ngFor="let Achievement of AllAchie...
Shoeshine asked 4/10, 2017 at 21:40

6

Solved

https://angular.io/api/router/RouterLink gives a good overview of how to create links that will take the user to a different route in Angular4, however I can't find how to do the same thing program...
Dominicadominical asked 11/7, 2017 at 4:21

3

Solved

I'm trying to pass an id in my routerLink, how could I concatenate it? <a routerLink="['/details', {{data.id}}]"> </a> doesnt work. Do you have solutions? Thanks in advance
Ophiology asked 28/11, 2018 at 15:59

5

I have placed my AppRoutingModule inside imports of @NgModule of AppModule class. AppRoutingModule is defined in such way: const APP_ROUTES : Routes = [ { path: '', redirectTo: 'home', pa...
Mudstone asked 6/5, 2017 at 9:19

4

Solved

I have written a module named "Customer" which has several components like login, home and register. Now I have created a shared module which is also having 2 components such as header and footer. ...
Sox asked 4/12, 2016 at 11:49

4

Solved

What is the difference between [routerLink] and routerLink ? How should you use each one?
Odonnell asked 28/12, 2016 at 22:42

3

Solved

In Angular, if you use this: <div routerLink="/home"> <img src="..." /> </div> When I press on image it routes perfect, I want to press ctrl+click to open this link in new tab,...
Sargent asked 7/10, 2018 at 6:49

4

Solved

I have encountered an issue where divs using routerLink get bordered with blue when clicked. I think I am missing something very obvious, possibly even a configuration I have in my browser or some ...
Athwart asked 16/4, 2017 at 17:21

2

I've enable the anchorScrolling in routingModule and all the path but when i click on links nothing happened. 'nav-bar.component.html' <div id="mySidenav" class="sidenav" #sidenav> <a ...
Barbuto asked 19/12, 2018 at 16:16

1

I have console.log correctly showing the route with customer? however, with the [RouterLink] it is converting it from ? to %3F in which my route no longer works template html <a [routerLink]...

1

Solved

I have my child path defined as { path: '', component: CartMainComponent, pathMatch: 'full' } The whole path looks like this when I am in CartMainComponent http://mystype.com/brand/MyBrandId/cart...
Empson asked 16/4, 2020 at 20:7

2

UPDATE: See below So I have an app where I have two different organisations, when a user is using the app I therefore want to load different components depending on which organisation he belongs t...
Virulence asked 19/6, 2017 at 13:26

1

Solved

I'm trying to link a component from one component using routerLink = "selected" const routes: Routes = [ { path: '', children: [ { path: 'account', component: AccountComponent, children: [...
Flittermouse asked 9/4, 2018 at 19:29

1

I just noticed that routerLink works on any element e.g on divs, mat-card, mat-title, etc, without needing to wrap an anchor tag around. Is that okay / safe to do so or you need to use it with th...
Chary asked 27/3, 2018 at 6:23

1

Solved

My Route of the Root Module is like this: RouterModule.forRoot([ { path: '', redirectTo: 'management-portal', pathMatch: 'full' }, { path: 'management-portal', loadChildren: './xxx/manag...
Luehrmann asked 26/11, 2017 at 9:15

© 2022 - 2024 — McMap. All rights reserved.