如何設置動態#id（* ngFor）並從Angular2中獲取它的值？

Question

我有我的HTML：

<tr *ngFor="let package of packages"> 
    <td *ngFor="let coverage of coverages"> 
    <input type="hidden" #dynamicID [value]="coverage.id"> 
    <-- Here is one input, maybe put the identifier with the variable package --> 
    <input #dynamicValue type="text" name=""> 
    <-- Another input, maybe put the identifier with the variable package --> 
    </td> 
    <td> 
    <button type="button" (click)="setPackage(package.id, dynamicID.value, dynamicValue.value)">Guardar</button> 
    </td> 
</tr> 

我需要在我的功能setPackage獲得從輸入值。 如果我在輸入中放置相同的#id，則不起作用。總是給我一個無法從undefined獲取價值的錯誤。

Answer 1

你想使用2路綁定爲您的輸入？如果是這樣，你需要使用像<input [(ngModel)]="coverage.id">。你可以看一下這個文檔https://angular.io/docs/ts/latest/guide/template-syntax.html