使用angular2創建動態模態

Question

我在一個頁面中顯示組的列表，如果用戶單擊組的名稱，則會顯示一個包含該組信息的模態。

問題是，所有的模態總是顯示第一組的信息。 我知道有模塊做這個功能，但我怎麼做只能通過angular2。

在此先感謝。

Answer 1

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

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

然後在您添加組件的方法是這樣

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