在模态中加载自身 - Angular 组件

Question

当您通过 URL 访问它时，我需要在模式中加载组件。需要帮助确定该设置应该如何， 我在 angular 组件上安装了 ngxbootstrap，可以响应 e.g.a 按钮点击弹出模式。找不到任何显示访问组件 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));
}