0

我使用Angular7做一个Angular应用程序，我尝试使用两个“router-outlet”标签，例如我有两个组件“main”和“main2”，它们有一半是相同的，它们在父组件中路由，并且我想将它们的差异路由到两个“子组件”中，这可能吗？你有什么探索的方法吗？谢谢 ;）

4

2 回答 2

0

对于和我有同样问题的人，我使用“main”组件和“auth”组件。“main”组件包含“router-outlet”标签，我的“auth”组件包含我的登录视图。在我的 app.componnt.html 中，我只是使用

<app-auth *ngIf="!isAuth"></app-auth>
<app-main *ngIf="isAuth"></app-main>

使用该方法，任何想要访问特定路径的用户都不会被重定向到身份验证视图，并且会保留他想要访问的路径。

于 2019-07-05T09:46:44.030 回答
0

好吧，如果我非常了解您的问题。例如，您很有可能拥有登录名和仪表板

const routes: Routes = [
    {
        path: '',
        pathMatch: 'prefix',
        redirectTo: 'auth/login'
    },
    {
        path: 'loading',
        component: LoadingComponent
    },
    {
        path: 'auth/login',
        component: LoginComponent
    },
    {
        path: 'auth/forgot-password',
        component: ForgotPasswordComponent
    },
    {
        path: 'auth/register',
        component: RegisterComponent
    },
    {
        path: 'auth/reset-password-temp',
        component: ResetPasswordComponent
    },
    {
        path: 'dashboard',
        component: AdminComponent,
        canActivate: [AuthGuard],
        children: [
            {
                path: 'welcome',
                component: WelcomeComponent
            },
            {
                path: 'messages',
                canActivate: [AuthGuard],
                component: MessagesComponent
            },
            {
                path: 'student-add',
                component: StudentAddComponent
            },
            {
                path: 'student-edit',
                component: StudentEditComponent
            },
            {
                path: 'student-view',
                component: StudentViewComponent
            }

        ]
    }
];

@NgModule({
    imports: [RouterModule.forRoot(routes, { useHash: true })],
    exports: [RouterModule],
    providers: []
})
export class RoutingModule {}

随着每个组件的导入和正确的路径引用

于 2019-07-04T15:28:31.500 回答