在模态中加载self - Angular组件

Question

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

由于

Answer 1

您需要为路线准备一个组件，并且在它的ngOnInit中，您可以在模态中打开包含所需组件的模态。

为了使其可重复使用，您可以使用路径组件打开模态，并在路径数据中传递任何组件。我认为这只对儿童路线有意义，否则它只是空白背景上的模态，例如：

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

ModalRouteComponent：

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