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>