Question

我想知道，如何在ParaularJS模板中动态传递params。我在表格中有很多行，每行都有一个按钮添加存款。我想将行号传递给此按钮的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>

编辑：然后试试这个：

<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

传递params以在AngularJS模板

1 个答案: