在“材质2”对话框组件中打开/显示“角度5”路径

时间:2017-12-10 15:49:30

标签: angular dialog angular-material2

我的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

0 个答案:

没有答案