如何解决如何从一个路由器插座导航到另一个?
我已经找了半天了,但我找不到任何有效的东西。
这些是我的路线。
app-routing.module.ts
const routes: Routes = [
{
path: '',redirectTo: 'feature2',pathMatch: 'full',},{
path: '',canActivate: [MsalGuard],loadChildren: (): Promise<FeaturesModule> => import('./features/features.module').then((m) => m.FeaturesModule),{
path: 'auth',component: MsalRedirectComponent,{
path: '**',component: ErrorPageComponent,];
features-routing.module.ts
const routes: Routes = [
{
path: '',component: FullLayoutComponent,// content with sidebar
canActivate: [AuthGuard],children: [
{
path: 'feature1',loadChildren: (): Promise<Feature1Module> => import('./feature1/feature1.module').then((m) => m.FeatureModule),{
path: 'feature2',loadChildren: (): Promise<Feature2Module> => import('./feature2/feature2.module').then((m) => m.FeatureModule),],component: ContentLayoutComponent,// content without sidebar
children: [
{
path: 'feature3',loadChildren: (): Promise<Feature3Module> => import('./feature3/feature3.module').then((m) => m.FeatureModule),
app.component.ts
有一个 router-outlet
。 full-layout-component.ts
和 content-layout-component.ts
也是如此。当我尝试使用 feature3
从 feature3
(在 feature2
内)导航到 router.navigate('feature2')
时,没有任何反应。检查跟踪后,我有这个:
Router Event: NavigationStart
NavigationStart(id: 3,url: '/feature2')
NavigationStart{id: 3,url: "/feature2",navigationTrigger: "imperative",restoredState: null}id: 3navigationTrigger: "imperative"restoredState: nullurl: "/feature2"__proto__: RouterEvent
Router Event: RoutesRecognized
RoutesRecognized(id: 3,url: '/feature2',urlAfterRedirects: '/feature2',state: Route(url:'',path:'') { Route(url:'',path:'') { Route(url:'feature2',path:'feature2') { Route(url:'',path:'') } } } } } )
RoutesRecognized{id: 3,urlAfterRedirects: "/feature2",state: RouterStateSnapshot}
Router Event: GuardsCheckStart
GuardsCheckStart(id: 3,path:'') } } } } } )
GuardsCheckStart{id: 3,state: RouterStateSnapshot}
Event: ChildActivationStart
ChildActivationStart(path: '')
ChildActivationStart{snapshot: ActivatedRouteSnapshot}
Router Event: ActivationStart
ActivationStart(path: '')
ActivationStart{snapshot: ActivatedRouteSnapshot}
如果我手动导航到 feature2
,它会按预期工作。我想我错过了一些东西,但看不到什么。我怎样才能让它工作?
解决方法
因为路由是相对于当前激活的路由发生的。如果您想转到父路线,您可以使用完整的网址,例如:/root/feature/child
或者你可以只使用相对导航:
假设我们在 feature
内并且我们有一个兄弟路线 /root/feature1
:你可以完全 this.router.navigate(['..','feature1']);
或 '../feature1'
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。