动态生成角度路径/负载组件

时间:2017-02-21 11:44:18

标签: angular typescript angular2-routing angular-components

我希望能够从连接到路由的各种动态加载组件构建Angular2(角度2.4)模块,理想情况下来自某种配置文件。这样我就可以使用我们库中的组件基于此配置文件启动SPA。各种组件/路线最终成为整个申请过程的线性路线

例如 - config.json: - 我想这可能看起来有点像路由配置

[
{path: 'signup', component: SignupComponent, importPath: './signup/signup.component'}
{path: 'login', component: LoginComponent, importPath: './login/login.component'}
,{path: 'buyStuff', component: BuyStuffComponent, importPath: './buystuff/buystuff.component'}
]

但是,由于这是动态生成的,因此我们知道如果您单击注册中的下一个按钮,那么您将转到LoginComponent等。 同样地,无论包装什么,都可能需要包括所有可能的进口。

我不确定是否使用路由来确定动态组件,比尝试使用NgComponentOutlet更好 - 不幸的是,文档没有示例。 我已经做了很多考虑,但大多数示例似乎都使用了已弃用的功能。

任何帮助/建议非常感谢。

0 个答案:

没有答案