【问题标题】:Angular routing not working with tabs角度路由不适用于选项卡
【发布时间】:2017-04-15 10:49:52
【问题描述】:

我正在为我的个人资料页面使用标签导航。配置文件页面包含选项卡控件。当第一个选项卡等于根域 url 时,会出现问题,该选项卡控件在单击选项卡时不再导航。

这是一个演示问题的 plunkr:

https://plnkr.co/edit/emIJSNkxPuDxCjPSbXJy?p=preview

也许我遗漏了一些东西,但这可能是角度路由中的错误。

可以这样配置路由吗?

这是选项卡路由的代码

const ROUTES: Routes = [
    {
        path: '', component: ProfileComponent,
        children: [
            { path: '', loadChildren: 'src/user/subModule1/subModule1.module#SubModule1Module'},
            { path: 'subPath2', loadChildren: 'src/user/subModule2/subModule2.module#SubModule2Module' },
        ]
    }
];

【问题讨论】:

    标签: angular


    【解决方案1】:

    如果我理解正确,您希望在“user/:id”路由上的个人资料页面中进行路由。然后root就像

    const ROUTES: Routes = [
    {
        path: 'user', component: ProfileComponent,
        children: [
            { path: '', loadChildren: 'src/user/subModule1/subModule1.module#SubModule1Module'},
            { path: 'subPath2', loadChildren: 'src/user/subModule2/subModule2.module#SubModule2Module' },
        ]
    }
    

    ];

    然后当你加载 /user SubModule1 将被延迟加载,而在 /user/subPath2 SubModule2 将被延迟加载

    【讨论】:

    • 嗨,@daddycool 我希望配置文件路由位于根路径上。第一个标签应该在 www.example.com 上,第二个标签应该在 www.example.com/subpath
    • @doorman 那放在根模块不是更方便吗?
    • 感谢您的建议,但问题是如果我将选项卡路由放在根模块中,则模块不会加载到选项卡控件中,而是替换包含选项卡控件的整个配置文件模块
    猜你喜欢
    • 2018-12-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-07-03
    • 1970-01-01
    • 2019-12-22
    • 2013-12-31
    相关资源
    最近更新 更多