Angular 2 - 相同网址级别的不同模板

时间:2016-11-07 16:29:35

标签: angular angular2-routing angular2-template

有一种方法可以在角度2上使用相同网址级别映射的页面中使用不同的模板,例如:

  • 主机/登录
  • 主机/仪表板

现在在我的应用模板中,我放了两个模板并使用* ngIf更改它们,但我认为这不是最好的方法。

1 个答案:

答案 0 :(得分:1)

我解决了修改路线的问题,我发布解决方案,因为我发现很多人都在寻找这个,但我找不到解决方案。

这是我配置路线的方式:

    const appRoutes: Routes = [
    {path: 'login', component: LoginPage},
    {
        path: '', component: DashboardPage, children: [
        {path: 'general', component: GeneralInfoPage},
        {path: 'other', component: OtherPage}
    ]
    }
];

其中DashboardPage是应用程序的模板(带有菜单和其他内容),而LoginPage是一个没有它的干净模板。