gpt4 book ai didi

angularjs - 如何使用angularjs从表中获取行数据

转载 作者:行者123 更新时间:2023-12-05 00:26:17 24 4
gpt4 key购买 nike

我是 angularjs 的新手。我面临一个问题。我有一张带有一个单选按钮的表格。当用户选择任何单选按钮并单击提交按钮时,我需要显示所选行的详细信息。

HTML代码:

<table>
<thead>
<tr>
<th>Select</th>
<th>First Name</th>
<th>Last Name</th>
<th>Unique Reference ID</th>
<th>Country</th>
<th>Branch</th>
<th>Card No</th>
</tr>
</thead>

<tr ng-repeat="d in Employees">
<td><input type="radio"></td>
<td>{{d.fname}}</td>
<td>{{d.lname}}</td>
<td>{{d.uniqueid}}</td>
<td>{{d.country.name}}</td>
<td> {{d.branch.name}}</td>
<td>{{d.cardno}}</td>
</tr>
</table>

<table>
<tr>
<td><input type="button" value="Edit" ng-click="Edit()"></td>
</tr>
</table>

Controller 代码:

$scope.Edit=function()
{
//need id of selected row ?
};

最佳答案

像这样:

<input type="radio" ng-click="editData.employee = d">

和 Controller :

$scope.editData = {};

$scope.Edit = function() {
var id = $scope.editData.employee.id;
};

我刚刚回答了另一个问题,关于 ng-repeat 为每个列表项创建一个新范围的代码如何影响您的代码,这就是为什么您需要 editData 对象的原因它工作。它可以帮助您理解为什么需要它:Angular replace data from ng-repeat item

关于angularjs - 如何使用angularjs从表中获取行数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22398868/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com