我的app-routing.module.ts
中有一条路径接受项目ID并显示项目的详细信息
{
path: 'project-details/:projectId',
component: ProjectDetailsComponent,
}
我有另一条路径,这是我的应用程序的主页,我在那里显示项目的旋转木马
{
path: 'home',
component: HomeComponent
}
在放置在home.component.html
文件中的我的轮播中,我有每个轮播项目的操作按钮,现在重定向到上面的project-details
路径,将项目的ID传递给click()
方法在按钮上。
我正在寻找的是显示项目详细信息页面,因为它位于MatDialog组件中(我使用的是Angular Material 2)。
令我困惑的是,我开始创作: -
1-组件ProjectDetailsModalComponent
2-在我的openProject()
方法中,我调用了this.dialog.open(ProjectDetailsModalComponent)
3-然后我意识到我需要将ProjectDetailsComponent
中的相同逻辑和模板实现到ProjectDetailsModalComponent
据我所知,Angular Material 2库中的MatDialog组件不提供此类方法,您可以定义对话框逻辑和模板。知道router-outlet
不会像我想要显示的模板那样有用,它不是主路径的子项,它也会显示在单独的模板文件(对话框模板)中,而不是home.component.html