Angular routerlink, открытый в модальном режиме вместо новой страницы

Question

Я пытаюсь создать таблицу, в которой будет много данных, некоторые из которых я хотел бы отобразить в модальном режиме после того, как я нажму на указанную строку c. Я создал модальный компонент, который должен был отображать больше данных, но проблема в том, что когда я щелкаю по определенной строке c, она переносит меня на другую страницу, я хотел бы отобразить ее как модальную, а не на новой странице.

Вот мой html

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

Вот мой routing.module. js { path: 'sidebarComp', component: SidebarComponent }

Кто-нибудь знает, как отобразить новый компонент, но не перенаправить на новую страницу?

Answer 1

Вы должны использовать модальные, такие как ngx- bootstrap модальные

ngx- bootstrap Модальные

или пользовательский angular диалог материалов

angular диалог материалов

, чтобы показать ваш компонент в компоненте ввода вне DOM