如何将信息传递给模态？

Question

所以我有一个 table 与 *ngFor="let user of users; let i=index;" 一起显示我想做的是当我单击一个按钮时，包含一个表单的模态打开，所以我可以编辑数据。如何将该索引发送到模态？我正在使用 Angular 7 和 Bootstrap 4.

Answer 1

当元素被点击时为索引设置一个属性。

component.html

<button *ngFor="let user of users; let i = index;" (click)="idx = i">{{i}}</button>
...
<div class="modal-body">
  do somthing with {{idx}}
</div>

component.ts

idx: number

Answer 2

创建一个激活表单的函数。将索引作为参数传递给该函数。

<table>
<th>
...
</th>
<tr *ngFor="let user of users; let i=index;">
<td>
...
</td>
<td>
<button (click)="openForm(i)>Edit</button>
</td>
</tr>
</table>

在您的 Typescript 代码中：

openForm(index: number): void {
//Display form here for the index
}

如何将信息传递给模态？

How to pass information to modal?

modal-dialog

angular