In my HTML file, I have the following code snippet:
<tr *ngFor="let package of packages">
<td *ngFor="let coverage of coverages">
<input type="hidden" #dynamicID [value]="coverage.id">
<-- Include an identifier with the variable package in this input field -->
<input #dynamicValue type="text" name="">
<-- Another input field where you can include the identifier with the variable package -->
</td>
<td>
<button type="button" (click)="setPackage(package.id, dynamicID.value, dynamicValue.value)">Save</button>
</td>
</tr>
I am trying to retrieve values from these inputs in my function setPackage. However, if I use the same #id for both inputs, it doesn't work and throws an error saying it cannot obtain the value from undefined.