javascript - sub ng-repeats，以 Angular 获取(选中)复选框值

Question

我正在使用一些嵌套的 ng-repeats，第三层是一组复选框。最初，我收到了一系列复选框选项，所以我这样做:

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

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

这是嵌套的第三层，所以我很难追踪这些家伙。我如何才能为 ng-repeat 的每次迭代获取选择框的选定值(作为 fading.id)？

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

谢谢!

Answer 1

你可以用这种方式做到这一点。

在 HTML 中执行如下操作。

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

在 Controller 中，您必须添加选定的属性。

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

当您读取所选属性时，您将获得所选列表。

<强> Demo