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

前端之家收集整理的这篇文章主要介绍了如何使用angularjs从表中获取行数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是 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>

控制器代码

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

解决方法

像这样的东西:

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

和控制器:

$scope.editData = {};

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

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

猜你在找的Angularjs相关文章