AngularJS-单击按钮时更新动态表中输入框的值

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

在检查了各种Stackoverflow资源之后,我似乎仍然无法找到这样做的角度。HTML表只有一个Id列和另一个文本列(输入框),通过ng repeat动态填充。然后,我为显示在输入框内的每个记录提供“更新”和“删除”功能/按钮“删除”函数似乎可以,在“删除”按钮上单击“我只是将ID作为参数传递给函数”。对于“更新”单击事件,我不确定如何将输入框的值作为第二个参数传递给函数。请参阅下面的简化标记和代码

<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>