javascript - 在循环外传递 ng-repeat 当前对象

Question

我有一个 ng-repeat，它在更大的 div 中创建行列表。因为我不希望我的按钮在数据传入时重复，所以我在它外面有一个按钮。

            <div class="modal-content">
                <div class="modal-body">
                    <table class="table table-bordered">
                        <thead data-ng-if="contracts.length!=0">
                            <tr>
                                <th>CONTRACT&nbsp;#</th>
                                <th>PROGRAM</th>
                                <th>DISC&nbsp;%</th>
                                <th>REBT&nbsp;%</th>
                                <th>Award&nbsp;Type</th>
                            </tr>
                        </thead>
                        <tbody data-ng-repeat="(contractIndex, contract) in contracts">
                            <tr>
                                <td>
                                    <input bind-once class="form-control input-sm" data-ng-model="contract.CONTRACT_NUM_VAL" />
                                </td>
                                <td><input bind-once type="text" ng-disabled="true" class="form-control input-sm" data-ng-model="contract.GM_PROGRAM" /></td>
                                <td><input bind-once type="number" class="form-control input-sm" data-ng-model="contract.DISCOUNT_PCT" /></td>
                                <td><input bind-once type="number" class="form-control input-sm" data-ng-model="contract.REBATE_PCT" /></td>
                                <td><input bind-once type="text" class="form-control input-sm" maxlength="1" data-ng-model="contract.AWARD_TYPE" /></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal" data-ng-click="addUpdatedContract(contract)">Add</button>
                </div>
            </div>

我想将当前合约对象传递给我的函数 addUpdatedContract(contract);但因为它超出了 data-ng-repeat 的范围，所以我得到 null。

如何将当前合约传递给 ng-bind 指令之外的函数？

Answer 1

因为你总是有一个可以使用的对象:contracts[0]

<div class="modal-footer">
     <button type="button" class="btn btn-default" data-dismiss="modal" data-ng-click="addUpdatedContract(contracts[0])">Add</button>
</div>