AngularJSテンプレート内で機能するためにパラメータを渡す

Question

AngularJSテンプレート内でパラメータを動的に機能させる方法を知りたい。 テーブルに多数の行があり、各行にボタンがありますを追加します。このボタンのng-click機能に行番号を渡したいと思います。

ここ

は私のテンプレートの抜粋です：

<div id="documentsTable" class="table-responsive"> 
<table class="table"> 
    <thead> 
     ... 
    </thead> 
    <tbody ng-repeat="document in data"> 
     <tr> 
      ... 
      <td> 
       ... 
       <button ng-show="document.depositCheckbox" ng-click="addDeposit({id: document.number})" id="addDepositBtn" 
         type="submit" class="btn btn-primary">Add deposit</button> 
      </td> 
     </tr> 
    </tbody> 
</table> 

指令：

.directive('documentDirective', ['$compile', '$templateCache', function() { 
return { 
    templateUrl: 'templates/documentTemplate.html', 
    scope: { 
     data: '=', 
     addDeposit: '&' 
    }, 
    restrict: 'E' 
}}]); 

そして、私が持っている私のHTMLファイル内：

<document-directive data="documents" add-deposit="addDeposit()"></document-directive> 

機能addDeposit私の中コントローラ：

$scope.addDeposit = function(documentId) { 
    for(var i=0; i<$scope.documents.length; i++) { 
     if($scope.documents[i].number == documentId) { 
      var depositLength = $scope.documents[i].deposit.length; 
      var deposit = {'number': depositLength, 'value': 0, 'paymentDate': new Date(), 'firstRow': false}; 
      $scope.documents[i].deposit.push(deposit); 
      break; 
     } 
    } 
} 

ありがとう！

Answer 1

私が理解しているように、あなたは投稿要求を受け取っている行を取得しようとしていますか？

ng-changedの$indexプロパティでこれを実行できるはずです。

だから、何かのように：

<button ng-show="document.depositCheckbox" ng-click="addDeposit({id: document.number, rowNumber: $index})" id="addDepositBtn" 
         type="submit" class="btn btn-primary">Add deposit</button> 

EDIT： 、代わりにこれを試してみてください：

<button ng-show="document.depositCheckbox" ng-click="addDeposit()(document.number)" id="addDepositBtn" type="submit" class="btn btn-primary"> Add deposit</button> 

そして、あなたがで関数を渡す：

パラメータとしてメソッドに渡す

<document-directive data="documents" add-deposit="addDeposit"></document-directive> 

を： https://stackoverflow.com/a/26244600/1958344