角度：加载动态组件

Question

我必须动态加载路径中的组件。

env文件中有一个环境变量，根据该env变量的值，我需要定义路由中使用的组件。

示例：

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

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

请让我知道如何根据上面的示例中的某些环境变量值使我的某些路线动态化。

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将新的路由对象添加到路由数组。