angular - 在 *ngfor 中有多个具有相同变量名的输入文件

Question

我正在创建一个表，每行都允许上传不同的文件。此上传将在文件放入输入后立即完成。现在我可以用这段代码来实现这一点：

<tr *ngFor="let attachment of attachments">
        <td class="p-0"><input type="text" [value]="attachment.title"/></td>
        <td>{{attachment.filename}}
          <button (click)="attachmentInput.click()" *ngIf="!attachment.filename">
          </button>
          <input type="file" accept="application/pdf" (click)="attachmentInput.value = null"
                 (change)="editAttachment(attachmentInput.files, attachment.id)" hidden #attachmentInput>
        </td>
</tr>

这似乎可行，但是我为所有输入标签提供了相同的变量名称attachmentInput，我认为这可能会导致问题，因为当我单击按钮时，它不知道要引用哪个输入元素，因为它们都有同名，但似乎并非如此。

这是一种可能导致一些问题的方法吗？有没有其他选择？

标签： angularinput