2017-03-10 4 views
1

私は、各行(私はPrimeNG/datatableを使用しています)に対して作成される入力を持っています。テーブルの各行に対してAngular2の一意の入力

私の問題は、この入力がローカル変数#itsmIncidentを取得しているため、値を[保存]ボタンに渡すことができるということです。ただし、複数行では問題が発生し、別の行のテキストボックスから値を取得することがあります。あなたが使用する必要があり

<p-column field="ITSMIncident" header="ITSM Incident" [sortable]="false" 
    [filter]="true" filterMatchMode="contains" [editable]="true" (onEdit)="editITSMIncident($event)"> 
    <template let-col let-row="rowData" pTemplate="editor"> 
     <input #itsmIncident type="text" pInputText [value]="row[col.field]" /> 
     <button type="button" pButton (click)="editITSMIncident(row, itsmIncident)">Save</button> 
    </template> 
</p-column> 
+0

別のテキストボックスから値を取得する方法の詳細を教えてください。最後の行のテキストボックスの値は常に得られますか?それはランダムであるように見えますか? – eppsilon

答えて

1

[(ngModel)]それは

<p-column field="ITSMIncident" header="ITSM Incident" [sortable]="false" 
    [filter]="true" filterMatchMode="contains" [editable]="true" (onEdit)="editITSMIncident($event)"> 
    <template let-col let-row="rowData" pTemplate="editor"> 
     <input #itsmIncident type="text" pInputText [(ngModel)]="row[col.field]" /> 
     <button type="button" pButton (click)="editITSMIncident(row, itsmIncident)">Save</button> 
    </template> 
</p-column> 

これは、その特定の行のデータパスを強制すべきである結合双方向のデータに来るときのベストプラクティスです。他のヘルプが必要な場合は教えてください

関連する問題