Как передать параметр в URL из контроллера с помощью angularjs

Question

Как передать параметр в URL из контроллера с помощью angularjs

0

Я делаю добавление и редактирование на 1 странице. Листинг показан ниже в таблице. Из списка, когда я нажимаю кнопку редактирования, я хочу передать идентификатор этого элемента в URL-адресе. Так что, если случайно обновляется страница, данные остаются в форме редактирования. А также я использую вложенный вид (например: settings.couriers). Мой html

<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];                
            }
        });     
    }

Есть ли выход. пожалуйста помоги. спасибо

AAT 22 июль 2016, в 13:18

Источник

0

мое редактирование работает нормально. Но я хочу передать идентификатор в качестве параметра URL. Так что если я когда-нибудь обновлю страницу, значение останется в поле ввода без изменений
AAT 22 июль 2016, в 11:01
0

Так что это не SPA с некоторой маршрутизацией и т. Д., Но вы все равно хотите повлиять на URL только в случае нежелательного обновления страницы, когда отображается форма редактирования?
Marios Fakiolas 22 июль 2016, в 11:02
0

Чтобы быть более конкретным, мой URL-адрес: localhost / myproject / # / staffs / add_staff? Id = 52 . Как я могу получить значение идентификатора в моем контроллере. Я пробовал $ stateParams.id.
AAT 22 июль 2016, в 11:17
0

Вы получаете идентификатор клика внутри функции editCourier () ??
Maheshvirus 22 июль 2016, в 11:38
0

Нет, я не получаю идентификатор в контроллере
AAT 22 июль 2016, в 11:43
0

x.id в том, что x от ng-repeat ??
Maheshvirus 22 июль 2016, в 11:46

Показать ещё 4 комментария

Теги:

javascript

angularjs

3 ответа

0

Вы можете напрямую передать id в функцию 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
}

Maheshvirus 22 июль 2016, в 09:08

0

изменение:

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

чтобы:

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

и в контроллере, получите Id с использованием угловых RouteParams. См. Эту ссылку

Mridul Kashyap 22 июль 2016, в 08:20

Ещё вопросы

мое редактирование работает нормально. Но я хочу передать идентификатор в качестве параметра URL. Так что если я когда-нибудь обновлю страницу, значение останется в поле ввода без изменений
Так что это не SPA с некоторой маршрутизацией и т. Д., Но вы все равно хотите повлиять на URL только в случае нежелательного обновления страницы, когда отображается форма редактирования?
Чтобы быть более конкретным, мой URL-адрес: localhost / myproject / # / staffs / add_staff? Id = 52 . Как я могу получить значение идентификатора в моем контроллере. Я пробовал $ stateParams.id.
Вы получаете идентификатор клика внутри функции editCourier () ??
Нет, я не получаю идентификатор в контроллере

AAT · Accepted Answer · 2017-08-03T04-20-00.000Z

Изменен мой 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});             
            }
        });     
    }