【问题标题】:Angular 2: Random RoutingAngular 2:随机路由
【发布时间】:2017-07-11 09:06:30
【问题描述】:

我在 Angular 2 上苦苦挣扎。我已经定义了所有路线,但是当我输入例如“mysiteurl:4200/password-recovery”或“mysiteurl:4200/email-confirm/sometoken”时,它会随机驱使我home/profile 组件(不需要)或密码恢复或电子邮件确认组件(需要)。我不明白重定向到主页/个人资料。有任何想法吗?

应用路由模块代码:

const appRoutes: Routes = [
{ path: 'login', component: LoginComponent },
{ path: '', redirectTo: 'home', pathMatch: 'full' },
{ path: 'password-recovery', component: PasswordRecoveryComponent },
{ path: 'email-confirm/:token', component: EmailConfirmComponent },
{ path: 'home', component: HomeComponent,
    children: [
        { path: '', redirectTo: 'profile', pathMatch: 'full' },
        { path: 'profile', component: ProfileComponent },
        { path: 'companies', component: CompaniesComponent },
        { path: 'roles', component: RolesComponent },
        { path: 'documents/:type', component: DocumentsComponent },
        { path: 'users', component: UsersComponent },
        { path: 'documents-identity', component: DocumentsIdentityComponent },
        { path: 'forms', component: FormsComponent },
        { path: 'password-recovery-detail', component: PasswordRecoveryDetailComponent },
        { path: 'card', component: CardComponent },
    ]
}
];
@NgModule({
    imports: [
        RouterModule.forRoot(appRoutes, { useHash: true })
    ],
    exports: [
        RouterModule
    ]
})
export class AppRoutingModule { }

【问题讨论】:

  • 您已配置为 useHash 用于导航。所以导航使用哈希方法:mysiteurl:4200/#/password-recovery
  • 它不影响结果.. 有时是密码恢复,有时是家庭/个人资料

标签: angular routing components angular2-routing


【解决方案1】:

我的错,我在引导组件中强制导航到 /home/profile

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-20
    相关资源
    最近更新 更多