将选中的 ng-repeat 值（复选框为真）作为数组参数发送到 javascript 函数中

Question

我想添加一个取消按钮，用于将所有选中的复选框的状态从打开更新为取消。

取消按钮应将状态更改为已取消。

下面是取消按钮的代码。

                    <div>
                        <button type="button" class="btn btn-danger btn-lg text-left" id="btnCancelSelectedOrderLines" name="btnCancelSelectedOrderLines" ng-click="dsoedit.OnCancelSelectedOrderLines()">Cancel Lines</button>
                    </div>

使用 ng-repeat 显示复选框。

                            <tr ng-repeat="o in dsoedit.OrdLines">
                                <td>
                                    <md-checkbox aria-label="Select Order Line" ng-model="o.IsSelected" ng-change="selectEntity()"></md-checkbox>
                                </td>
                                <td>
                                    <H5 class="btn-h-spacer">{{o.LineNbr}}</H5>
                                </td>
                                <td>
                                    <H5 class="btn-h-spacer">{{o.Status}}</H5>
                                </td>
…

我的目标是取消选中复选框的订单。我试图将选定的值作为数组参数发送到 ng-click 函数 OnCancelSelectedOrderLines。有没有办法将 o.LineNbr 值作为所选复选框的数组发送到 OnCancelSelectedOrderLines 作为参数？（像这样的 OnCancelSelectedOrderLines(o.LineNbr))

Answer 1

我能够通过传递整个 ng-model 来实现我的解决方案 dsoedit.OrdLines 作为参数。

由 ng-click 取消按钮更新为

ng-click="dsoedit.OnCancelSelectedOrderLines(dsoedit.OrdLines)"

并且在我的 javascript 函数中，我使用过滤器 select selected 复选框。

var selectedOrderLines = OrdLines.filter(ordLine => ordLine.IsSelected === true);

将选中的 ng-repeat 值（复选框为真）作为数组参数发送到 javascript 函数中

Send ng-repeat values that are selected (checkbox is true) into a javascript function as an array parameter

html

javascript

angularjs