使用angular2创建动态模态

Question

我在一个页面中显示组列表，如果用户点击该组的名称，则会显示一个包含该组信息的模态。

问题是所有模态总是显示第一组的信息。 我知道有模块执行此功能，但我只能通过angular2。

提前致谢。

Answer 1

您的组件模板列出了您的所有群组

 <group (click)="openModal('groupName1')></group>
 <group (click)="openModal('groupName2')></group>
 ...

然后在你的组件中添加一个像这样的方法

openModal(name) {
NgbdModalContent.name = name;
this.modalService.open(NgbdModalContent);
}