Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/sql-server-2008/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度2-同一url级别的不同模板_Angular_Angular2 Routing_Angular2 Template - Fatal编程技术网

Angular 角度2-同一url级别的不同模板

Angular 角度2-同一url级别的不同模板,angular,angular2-routing,angular2-template,Angular,Angular2 Routing,Angular2 Template,有一种方法可以在angular 2上映射相同url级别的页面中使用不同的模板,例如: 主机/登录 主机/仪表板 现在,在我的应用程序模板中,我放置了两个模板,并使用*ngIf进行更改,但我认为这不是最好的方法。我解决了修改路由的问题,我发布了解决方案,因为我发现很多人都在寻找,但我找不到解决方案 以下是我配置路由的方式: const appRoutes: Routes = [ {path: 'login', component: LoginPage}, {

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

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

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

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

以下是我配置路由的方式:

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

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

请注意:您必须向DashboardPage组件添加一个附加的。。。