如何使用angularjs將參數從控制器傳遞到url

Question

我正在1頁中添加和編輯。 列表顯示在下面的表格中。 在單擊“編輯”按鈕的同時從列表中，我想在url中傳遞該項目的ID。 這樣，如果不小心刷新了頁面，數據將保留在編輯表單中。 而且我正在使用嵌套視圖（例如：settings.couriers）

<button class="btn btn-primary btn-xs" ng-click="editCourier({id: x.id})">
                                        <i class="fa fa-pencil"></i>
                                    </button>

我的controller.js要編輯

$scope.editCourier = function(id, index) {
        $.ajax({
            'type': "POST",
            'async': false,
            'global': false,
            'url':'settings/editCourier',
            'data': 'id='+id, 
            'dataType': "json",
            'success': function (data) { 
                $scope.formData = data[0];                
            }
        });     
    }

有沒有出路。 請幫忙。 謝謝

Answer 1

更改：

<button class="btn btn-primary btn-xs" ng-click="editCourier({id: x.id})">
    <i class="fa fa-pencil"></i>
</button>

至：

<a href="/editCourier/id" />

在控制器中，使用Angular的RouteParams獲取ID。 參考此鏈接

Answer 2

您可以將id直接傳遞給Function editCourier（x.id）

 <button class="btn btn-primary btn-xs" ng-click="editCourier(x.id)">
    <i class="fa fa-pencil"></i>
  </button>

並在控制器中

  $scope.editCourier = function(id, index) {
       console.log(id);//Check here whether the click id is coming or not
}

Answer 3

將我的HTML更改為

<button class="btn btn-primary btn-xs" ng-click="editCourier(index)">
                                        <i class="fa fa-pencil"></i>
                                    </button>

我已經更改了控制器功能。

$scope.editCourier = function(index) {
        $.ajax({
            'type': "POST",
            'async': false,
            'global': false,
            'url':'settings/editCourier',
            'data': 'id='+ $stateParams.id, 
            'dataType': "json",
            'success': function (data) { 
                $scope.formData = data[0];   
                $scope.couriers.splice(index, 1);
                $state.go('statename', {id: $stateParams.id}, {reload: true});             
            }
        });     
    }