嵌套NG-重複使用對於開放特定的索引來重複數據

Question

每次被點擊切換，所有款項都得到更換新的付款。我的問題是如何維護每個點擊的特定索引的付款並顯示在各個索引處。請幫我

這裏是我的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); 
    }; 

Answer 1

如果我理解正確的，你想擁有 「payablePayments」爲每張發票。

這是工作：http://plnkr.co/edit/cj3jxZ?p=info

試着這麼做

// init at beginning 
$scope.payablePayments = []; 

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

然後

<tr data-ng-repeat="payment in payablePayments[invoice.PayableInvoiceId]"> 

否則你覆蓋對象前一發票。