Angular: загрузить динамический компонент

Question

Мне нужно загружать компоненты в маршрутах динамически.

В файле env есть переменная окружения, и в зависимости от значения этой переменной env мне нужно определить компонент, используемый в маршруте.

Пример:

const mydashboard= env.value==='EnvA'?'dashboardA':'dashboardB;

const routes: Routes = [
    { path: '/dashboard', component: myDashboard }
];

Пожалуйста, дайте мне знать, как я могу сделать некоторые из моих маршрутов динамическими, как показано в приведенных выше примерах, которые зависят от некоторого значения переменной env.

Answer 1

Попробуйте это:

import { DashboardAComponent } from './dashboard-a/dashboard-a.component';
import { DashboardBComponent } from './dashboard-b/dashboard-b.component';

.
.
.

const routes: Routes = [
];

if (env.value === 'EnvA') {
  routes.push({ path: 'dashboard', component: DashboardAComponent });
} else if (env.value === 'EnvB') {
  routes.push({ path: 'dashboard', component: DashboardBComponent });
}

Обычно вы добавляете новый объект маршрута в массив маршрутов в зависимости от вашего env.value.