Angularjs 如何获取单选的所有内容

最新推荐文章于 2021-05-30 18:40:42 发布

原创最新推荐文章于 2021-05-30 18:40:42 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angularjs #框架 #table 获取当前整行数据

Angularjs 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种在AngularJS项目中,通过使用简单的输入类型为radio的方法来选择table表格中的某一行数据的方式。这种方法虽不完全遵循AngularJS的最佳实践,但能够有效地解决特定场景下的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ng获取table表格里radio选中的一行内容

近期的项目由于数据量交互比较大，框架用的angularjs，相信好多小伙伴跟我一样，感觉无从下手。例如从ng-repeat出来的table表格的一行内容怎么办，考察了ngDrid插件，感觉项目有点大，就用的笨方法，代码量不大，能实现功能，对与错等各位评判吧，闲话少说上代码。

HTML

<tr ng-repeat = "allotDet in allotList">
    <td><input type = "radio" ng-click = "choosedetail($index)" name = "transsaler"></td>
    <td>{{allotDet.realname}}</td>
    <td>{{allotDet.duty}}</td>
    <td>{{allotDet.cellphone}}</td>
    <td>{{allotDet.duty}}</td>
</tr>

$scope.choosedetail = function($index){
    var POST_DATA = this.$parent.allotList[$index];
}

点击事件获取当前元素即td,$parent再获取其父元素，再获取父元素循环得来的数据，抛出想要的数据传给后台，大功告成。虽然违背angularjs尽量不操作dom的原则，但是找了好多资料，除了ngGrid能选取整行，别的还没发现解决办法。

期待高手指教（笑脸）。