sub-ng重复，以角度获取(选中）复选框值

sub ng-repeats, getting (checked) checkbox values in angular

本文关键字：选中 复选框 获取 重复 sub-ng      更新时间：2023-09-26

我正在处理一些嵌套的ng重复，第三层是一组复选框。最初，我收到了一系列复选框选项，所以我这样做：

<div class="fadingOptionsHere" ng-repeat="fading in fade.options">
    <input type="checkbox" ng-model="fadingsHere" value="{{fading.id}}">{{fading.name}}
</div>

我正在努力寻找一种方法，只获取所选复选框的值。如果我可以用一个只包含选定项的数组来替换嵌套的选项数组，那么这将是非常理想的，这样我就可以像那样发回json对象。

这是嵌套的第三层，所以我很难追踪这些家伙。对于ng重复的每次迭代，我如何才能只获得选择框的选定值（作为fading.id）？

我一直在尝试引用fadingsHere模式，但没有成功。

谢谢！

您可以通过这种方式来实现。

在HTML中做如下操作。

<ul>
    <li data-ng-repeat="record in records">
        <input type="checkbox" ng-model="selected[record.Id]"> {{record.Id}}
    </li>
</ul>

在控制器中，您必须添加选定的属性。

function MyCtrl($scope) {
 $scope.records = [ { "Id": 1, }, { "Id": 2 }, { "Id": 3 } ];
 $scope.selected = {};
 $scope.ShowSelected = function() {
    return $scope.selected 
};

当您阅读选定的属性时，您将获得选定的列表。

演示

您可以使用类似的检查表模型指令

      <input type="checkbox" class="form-control"
                           checklist-model="transaction.jobData[attribute.key]"
                           checklist-value="checkBoxAttributes.code">
相关文章：