Question

将管理面板和用户面板按角度分开的野兽方法是什么。是否可以将单个角度源分开，或者需要为每个面板使用单独的角度源，一个用于用户面板，另一个用于管理面板。

Answer 1

做到这一点的最好，最简单的方法是为所需的每个视图生成组件（面板），并用路线显示它们，例如，如果您需要管理面板的登录页面（可通过：domain.com/admin/login），您可以创建登录组件（使用角度CLI）：

ng g c admin/login

，然后显示一条路由：（如果您已经启用了路由模块，如果尚未启用，则可以使用以下教程：https://www.sitepoint.com/component-routing-angular-router/或官方文档：{{3} }）：

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

import { LoginComponent } from '../admin/login.component';

const adminRoutes: Routes = [
    {
        path: 'admin/login',
        component: LoginComponent
    }
];

@NgModule({
    imports: [
        RouterModule.forChild(adminRoutes)
    ],
    exports: [
        RouterModule
    ]
})
export class AdminRoutingModule { }

当您需要使用更多路线时，只需生成新组件（如管理主页）：

ng g c admin/home

并将其添加到adminRoutes数组中：

...
const adminRoutes: Routes = [
    {
        path: 'admin/login',
        component: LoginComponent
    },
    {
        path: 'admin/home',
        component: HomeComponent
    }
];
...

要创建到这些路由的链接，可以在模板中创建一个路由器链接：

<a routerLink="/admin/login">Admin Login</a>

所有这些都会变得非常复杂，我建议您编写Angular Docs教程以更深入地了解Angular：https://angular.io/guide/router

如何以角度分隔管理员和用户区

1 个答案: