Angular 4 - Как создать многопользовательский шаблон Multi master layout - PullRequest
Новая
       8

Angular 4 - Как создать многопользовательский шаблон Multi master layout

0 голосов
/ 06 мая 2018

Мне нужно создать несколько основных макетов для нескольких пользователей в Angular 4.

  1. Пользователь интерфейса / клиент
  2. Пользователи Backend / Admin

В каждом из вышеперечисленных используются разные главные шаблоны с разными заголовками и колонтитулами Каждый из шаблонов использует разные файлы CSS и JS.

В настоящее время я могу добавлять стили и сценарии только для 1 конкретного типа (администратора или клиента).

Я поместил все свои шаблоны .css и .js в index.html. Теперь это относится ко всем страницам в проекте. Я хочу сделать этот импорт специфичным для пользовательских типов.

Ниже приведены настройки моего проекта 

--app
  --layouts
    --frontend-header
    --frontend-footer
    --frontend-layout
    --backend-header
    --backend-footer
    --backend-menus
    --backend-settings
  --frontend
    --home
  --backend
    --dashboard
  --login
    --backend-login
    --frontend-login

app-routing.module.ts ниже 

const appRoutes: Routes = [

//Frontend routes goes here
{
    path: '',
    component: FrontendLayoutComponent,
    children: [
      { path: '', component: HomeComponent, pathMatch: 'full'},
      { path: 'home', component: HomeComponent },
    ]
},

//Backend routes goes here here
{
    path: '',
    component: BackendLayoutComponent,
    children: [
      { path: '', component: DashboardComponent, pathMatch: 'full'},
      { path: 'admin/dashboard', component: DashboardComponent },
    ]
},

//no layout routes
{ path: 'login', component: FrontendLoginComponent},
{ path: 'admin/login', component: BackendLoginComponent },
// otherwise redirect to home
{ path: '**', redirectTo: '' }

];

Может ли кто-нибудь помочь мне в достижении этого?

...