angular - 在模态中加载自我 - 角度组件

Question

当您通过它的 URL 访问它时，我需要在模式中加载组件。需要帮助确定该设置应该如何，我在一个角度组件上有 ngxbootstrap，并且可以弹出模式以响应 ega 按钮单击。找不到任何显示访问组件 URL 时如何以模式加载整个组件模板的内容。

谢谢

Answer 1

您需要有一个路由组件，在它的 ngOnInit 中，您可以打开一个带有您想要在模态中的组件的模态。

为了使其可重用，您可以有一个路由组件，它打开一个模式，其中任何组件都在路由数据中传递给它。我认为这仅对子路线有意义，否则它只是空白背景上的模态，例如：

const childRoutes = [
    { path: 'route1', component: ModalRouteComponent, data: { component: MyModalComponent1 }},
    { path: 'route2', component: ModalRouteComponent, data: { component: MyModalComponent2 }}
];

模态路由组件：

ngOnInit() {
    this.route.data.subscribe(data => this.openModal(data.component));
}