使用 angular2 创建动态模态

Question

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

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

提前谢谢。

Answer 1

组件的模板列出了所有组

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

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

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