如何在ng-repeat,嵌套的ng-repeat中以相同的索引打开行

时间:2016-02-04 15:48:42

标签: angularjs angularjs-ng-repeat

我是angularjs的新手,面临着ng-repeat的问题。使用ng-repeat重复的发票清单,每张发票都有付款清单。我试图通过点击重复行中的一个来获得付款,然后是另一个等等。

当我打开第一个打开的确切数据时,当我们打开其他行付款时,它会通过替换旧付款而以新付款方式打开。第一行付款和第二行付款的付款都相同。

付款清单必须以该特定索引的ng-repeat打开。它必须发生在以下

没有发生的每张发票上
  

这是我的HTML

            <tbody data-ng-repeat="invoice in relatedInvoices>
                <tr>
                    <td class="td-bottom-border">
                            {{invoice.PayableCurrencyCode}} {{invoice.PayablePaidAmount | number: 2}}<br />
                            <small>
                                <a data-ng-click="isOpenPayablePayments[$index] = !isOpenPayablePayments[$index]; togglePayablePayments(invoice.PayableInvoiceId)">Paid</a>
                            </small>
                    </td>
                </tr>
                <tr data-ng-show="isOpenPayablePayments[$index]">
                    <td>
                        <table>
                            <thead>
                                <tr>
                                    <th>Transaction Id</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr data-ng-repeat="payment in payablePayments">
                                    <td>{{payment.TransactionId}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
  

这是我的javascript

    var getPayments = function (invoiceId) {
        paymentService.getPayments(invoiceId).then(function (paymentsResponse) {
            return paymentsResponse.data;
        });
    };

    $scope.togglePayablePayments = function(invoiceId) {
        $scope.payablePayments = getPayments(invoiceId);
    };

每次拨打点击付款都会被新付款取代。我的问题是如何维持每次点击的特定索引的支付并在各自的索引处显示。请帮帮我

1 个答案:

答案 0 :(得分:1)

Working Demo

int main(void)

实际上你必须用城市指定主对象名称。 <!DOCTYPE html> <html> <head> <title>Date Picker</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" > <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript"> $(function() { $( "#datepicker" ).datepicker(); }); </script> </head> <body>

这就是全部!!!

希望这会对你有所帮助。

随意对此提出任何疑问。