Angular 9：在 ngFor 循环中使用模态

Question

我有一个由 for 循环生成的品种列表。 该列表中的每个项目旁边都有一个按钮，以便可以更新特定的列表项目。 每个按钮都会打开一个模式，您可以在其中输入新信息。 我不希望页面上有无限数量的模态，所以我将模态放在 for 循环中，并希望将 a 迭代器传递给模态，但它始终显示值 0，这是 a 的第一个值。

<tr *ngFor="let a of list; ; let i=index" >
    <td> {{ i }} </td>
    <td> <button data-toggle="modal" data-target="#editproject">Update</button> </td>
    <div class="modal fade" id="editproject">
       <input type="text" id="edit-contact-name" class="form-control" placeholder="{{ a }}" >
    </div>
</tr>

Answer 1

我不确定您是否可以在输入元素中使用 {{}}。 您可以创建一个模态组件。 并将“a”的值作为属性传递给组件。 <modal-component [a]="a"></modal-component>