更新角度为2的多行表格

我试图用一个提交按钮来针对每一行插入一些数据。所以，我包括一个表单标签内的桌子和这样实现的：更新角度为2的多行表格

<form> 
<table> 
    <tr *ngFor="let item of list;let index = index> 
     <td>{{item.id}}</td> 
     <td>{{item.name}}</td> 
     <td><input [(ngModel)]="model[index]" id="{{item.id}}"></td> 
    </tr> 
</table> 
<button type="submit">Proceed</button> 
</form>

我要的是输入标签内插入数据针对“item.id”上提交按钮，但我不能检索“身份证'用提交按钮。我得到的是输入值的数组，没有考虑到我必须更新两行，[75,76]。那么，我怎么能检索每个行的ID或更新每个条目上的数据。

来源

2016-11-24 Chetan Nandanwar

你的提交按钮出的for循环，因此你将无法得到指数法你有它的方式。尝试为表单创建提交函数，并在提交函数循环中通过“模型”为要更新的索引创建提交函数。 onSubmit函数将能够访问您的“模型”模型。 – btinoco

如果我将把提交按钮放在里面，它会为每一行创建提交按钮，我不想那样做。我希望提交按钮按时提交所有条目。 –

正确....这就是我为什么要在表单中放置提交函数并从函数内部访问“模型”并通过“模型”循环以获取索引的原因。 – btinoco

添加一个提交函数到你的表单并在提交函数中访问你的“模型”变量来获得所有字段的索引。

class MyComponent{ 
    model:any; 

    OnSubmit(){ 

     window.alert(JSON.stringify(model); 

    } 

}

检查我plunker https://plnkr.co/edit/JZ94mTquGmRkq1Xmhgec?p=preview

来源

2016-11-24 18:18:42 btinoco

更新角度为2的多行表格

回答

相关问题