angular-router

问题 I am trying to use anchor tag with href in my Angular 7 app. When I click on the link the url changes in the browser but the page doesn't get navigated to. It works if I put target="_self" so this works <a href="/abcd" target="_self">Abcd</a> but this does not work only the url changes in the browser but nothing happens <a href="/abcd">Abcd</a> where as if I use Angular routing and use RouterLink it works. <a routerLink="/abcd" routerLinkActive="active">Abcd</a> Can anyone explain the

问题 I am trying to use anchor tag with href in my Angular 7 app. When I click on the link the url changes in the browser but the page doesn't get navigated to. It works if I put target="_self" so this works <a href="/abcd" target="_self">Abcd</a> but this does not work only the url changes in the browser but nothing happens <a href="/abcd">Abcd</a> where as if I use Angular routing and use RouterLink it works. <a routerLink="/abcd" routerLinkActive="active">Abcd</a> Can anyone explain the

问题 I am trying to use anchor tag with href in my Angular 7 app. When I click on the link the url changes in the browser but the page doesn't get navigated to. It works if I put target="_self" so this works <a href="/abcd" target="_self">Abcd</a> but this does not work only the url changes in the browser but nothing happens <a href="/abcd">Abcd</a> where as if I use Angular routing and use RouterLink it works. <a routerLink="/abcd" routerLinkActive="active">Abcd</a> Can anyone explain the

问题 I have multiple components in one module. I want to show the components based on routing path. for http://localhost:4200/account I want to show account component. for http://localhost:4200/setting I want to show settings component ..etc app.routing.module.ts { path: 'account', loadChildren: './modules/settings/settings.module#SettingsModule', }, { path: 'settings', loadChildren:'./modules/settings/settings.module#SettingsModule', }, settings.routing.module.ts export const routes: Routes = [ {

问题 I'm using Angular 7 and localize router v2.0RC. I'm facing an issue if the path of my route is like this: [{ path: 'parentX', children: [ { path: 'y/z' component: AnyComponent } ] }] when I use the changeLanguage method from LocalizeRouterService the URL in browser changes but all slashes after parentX will be url encoded (escaped) and replaced by %2F which causes not to match any route in the list. Why is this happening ? 回答1: The solution I found is to do this: [{ path: 'parentX', children:

问题 This question already has answers here : Angular 4 Lazy loading with named router-outlet not working (3 answers) Closed 2 years ago . My Route of the Root Module is like this: RouterModule.forRoot([ { path: '', redirectTo: 'management-portal', pathMatch: 'full' }, { path: 'management-portal', loadChildren: './xxx/management-portal.module#ManagementPortalModule', canActivate: [AuthGuard] }, { path: 'login', component: LoginComponent }, { path: '**', component: NotFoundComponent } ], {

问题 This question already has answers here : Angular 4 Lazy loading with named router-outlet not working (3 answers) Closed 2 years ago . My Route of the Root Module is like this: RouterModule.forRoot([ { path: '', redirectTo: 'management-portal', pathMatch: 'full' }, { path: 'management-portal', loadChildren: './xxx/management-portal.module#ManagementPortalModule', canActivate: [AuthGuard] }, { path: 'login', component: LoginComponent }, { path: '**', component: NotFoundComponent } ], {

问题 This question already has answers here : Angular 4 Lazy loading with named router-outlet not working (3 answers) Closed 2 years ago . My Route of the Root Module is like this: RouterModule.forRoot([ { path: '', redirectTo: 'management-portal', pathMatch: 'full' }, { path: 'management-portal', loadChildren: './xxx/management-portal.module#ManagementPortalModule', canActivate: [AuthGuard] }, { path: 'login', component: LoginComponent }, { path: '**', component: NotFoundComponent } ], {

问题 In my Angular 5 application, the user may navigate to a route which uses the same route, but with different parameters. For example, they may navigate from /page/1 to /page/2 . I want this navigation to trigger the routing animation, but it doesn't. How can I cause a router animation to happen between these two routes? (I already understand that unlike most route changes, this navigation does not destroy and create a new PageComponent . It doesn't matter to me whether or not the solution

问题 In my Angular 5 application, the user may navigate to a route which uses the same route, but with different parameters. For example, they may navigate from /page/1 to /page/2 . I want this navigation to trigger the routing animation, but it doesn't. How can I cause a router animation to happen between these two routes? (I already understand that unlike most route changes, this navigation does not destroy and create a new PageComponent . It doesn't matter to me whether or not the solution