使用angular2创建动态模态

Question

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

问题是，所有的模态总是显示第一组的信息。 我知道有模块做这个功能，但我怎么做只能通过angular2。

在此先感谢。

Answer 1

您组件模板列表中所有的组

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

然后在您添加组件的方法是这样

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