AngularJS-单击按钮时更新动态表中输入框的值
在检查了各种Stackoverflow资源之后,我似乎仍然无法找到这样做的角度。HTML表只有一个Id列和另一个文本列(输入框),通过ng repeat动态填充。然后,我为显示在输入框内的每个记录提供“更新”和“删除”功能/按钮“删除”函数似乎可以,在“删除”按钮上单击“我只是将ID作为参数传递给函数”。对于“更新”单击事件,我不确定如何将输入框的值作为第二个参数传递给函数。请参阅下面的简化标记和代码AngularJS-单击按钮时更新动态表中输入框的值,angularjs,angularjs-ng-repeat,ng-repeat,angularjs-ng-click,Angularjs,Angularjs Ng Repeat,Ng Repeat,Angularjs Ng Click,在检查了各种Stackoverflow资源之后,我似乎仍然无法找到这样做的角度。HTML表只有一个Id列和另一个文本列(输入框),通过ng repeat动态填充。然后,我为显示在输入框内的每个记录提供“更新”和“删除”功能/按钮“删除”函数似乎可以,在“删除”按钮上单击“我只是将ID作为参数传递给函数”。对于“更新”单击事件,我不确定如何将输入框的值作为第二个参数传递给函数。请参阅下面的简化标记和代码 <tr ng-repeat="rec in allRecords"> &l
<tr ng-repeat="rec in allRecords">
<td>{{rec.Id}}</td>
<td>
<button ng-click="update(rec.Id, HERE_TEXT_FROM_SIBLING_INPUT')">Update</button>
<input type="text" value="{{rec.Name}}">
<button ng-click="deleteMonitorGroup(rec.Id)">Delete</button>
</td>
非常感谢您的帮助。在输入字段上使用
ng model=“rec.Name”
通过角度双向绑定功能保持rec.Name
更新。然后将ng model
的rec.Name
传递给更新后的函数或,而只需在函数调用时传递rec
对象,使其更简单
标记
<tr ng-repeat="rec in allRecords">
<td>{{rec.Id}}</td>
<td>
<button ng-click="update(rec)">Update</button>
<input type="text" ng-model="rec.Name">
<button ng-click="deleteMonitorGroup(rec.Id)">Delete</button>
</td>
</tr>
{{rec.Id}
更新
删除
感谢您的帮助和快速回答,现在一切正常!
<tr ng-repeat="rec in allRecords">
<td>{{rec.Id}}</td>
<td>
<button ng-click="update(rec)">Update</button>
<input type="text" ng-model="rec.Name">
<button ng-click="deleteMonitorGroup(rec.Id)">Delete</button>
</td>
</tr>