如何在未路由到的路由模块中动态创建组件

如何解决如何在未路由到的路由模块中动态创建组件

我有一个 Angular 应用程序，其中包含多个加载不同模块的路由。我希望能够动态创建从主页到尚未加载的模块的组件。

我已经设置了代码来创建组件，如果用户首先导航到该模块，它就可以正常工作。

我尝试过类似的方法来预加载模块，但似乎不起作用

RouterModule.forRoot(
  appRoutes,{
    preloadingStrategy: PreloadAllModules
  }
)

我的代码是这样的

// HTML home page
...
<router-outlet></router-outlet>
...

// one is home page
export const routes: Routes = [
  { path: '',redirectTo: '/one',pathMatch: 'full' },{ path: 'one',component: OneComponent},{ path: 'two',component: TwoComponent}
];

我希望能够通过单击一个

中的一个按钮来创建一个两个的组件