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

问题描述

我有一个 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}
];

我希望能够通过单击一个

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

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）