Angular routerlink 以模态而不是新页面打开答案

【问题标题】：Angular routerlink open in modal instead of new pageAngular routerlink 以模态而不是新页面打开
【发布时间】：2020-07-07 01:07:43
【问题描述】：

我正在尝试构建一个包含大量数据的表格，其中一些数据我希望在单击特定行后以模式显示。我创建了一个组件模式，它应该显示更多数据，但问题是当我单击特定行时，它会将我带到另一个页面，我想将其显示为模式，而不是在新页面中。

这是我的html

<tr *ngFor="let data of listOfUsers" routerLink="/sidebarComp">
                   <td>{{data.Name}}</td>
                   <td>{{data.ID}}</td> ...

这是我的 routing.module.js { path: 'sidebarComp', component: SidebarComponent }

有谁知道如何显示新组件但不重定向到新页面？

【问题讨论】：

标签： angular

【解决方案1】：

你应该使用模态，例如 ngx-bootstrap modal

或用户角度材质对话框

在 DOM 之外的入口组件中显示您的组件

【讨论】：