2016-09-08 2 views
0

Привет всем Я использую стек MEAN в своем приложении с AngularJS как мой интерфейс. Как я могу ReloadPageonclick от Submit button. если кто-нибудь знает решение, пожалуйста, помогите нам.Как я могу перезагрузить страницу Onclick of Submit Button в Angularjs?

Я использовал коды reload the page, как указано ниже: -

В контроллере я использовал: -

sryarnpayment.$save(function(response) { 
    $location.path('sryarnpayments/' + response._id, {}, { reload: true }); 

    $scope.name = ''; 
     }, function(errorResponse) { 
     $scope.error = errorResponse.data.message; 
    }); 
    }; 

в HTML: -

<div class="controls"> 

     <input type="submit" class="btn btn-default"> 

    </div> 

ответ

0

Просто Добавьте его в onClick или Sumitform. На кнопке

onclick="window.location.reload()" 
+0

спасибо за ваш ценный ответ, как это: - <входной тип = "представить" OnClick = "window.location.reload()" класс = "БТН btn- default "> right? .. –

+0

Ya Exactly Right –

+0

Эй, приведенный выше код не работает в моем локальном хосте, так что можете ли вы предоставить другое решение? –

1

Перенаправление страницы по щелчку или представить использование

app.controller('controller', function ($scope, $http, $window) { 

$scope.method = function() { 

    //Form Submission 
     $http({ 
      method: 'POST', 
      url: url, 
      data: data, 
     }) 
      .success(function (response) { 
      if (response.status == true) 
      { 
       $window.location.href = base_url; 
      } 

     }); 
    }; 

    // For onClick: 
     $scope.method = function() { 
     $window.location.href = base_url; 
    } 
}); 

добавить зависимость $ окна в контроллере.

Это может вам помочь.

+0

Спасибо за ваш ответ. Можете ли вы рассказать, как я могу использовать ваш код в своем контроллере, можете ли вы представить пример, чтобы узнать это решение, спасибо –

+0

app.controller ('controller', function ($ Объем, $ HTTP, $ окна, $ местоположение) { $ scope.method = функция() { $ scope.loading = истина; $ HTTP ({ метод: 'POST', }) . успех (функция (ответ) { if (response.status == true) { $ window.location.href = base_url + 'contact'; } }); }; }); – Bhushan

1

Изменить $location.path('sryarnpayments/' + response._id, {}, { reload: true });

к

UI-маршрутизатор:

$state.go('STATE_NAME', { id: response._id});

нг-маршрут:

$location.path('/sryarnpayments/' + response._id);

Предполагая, что вы определили ро Ют (пример ниже) это должно работать

Пример - маршрут Определение

UI-маршрутизатор:

$stateProvider 
.state('STATE_NAME', { 
    url: "/sryarnpayments/:id", 
    templateUrl: "partials/myPage.html", 
    controller: newController 
}) 

нг-маршрут:

config(['$routeProvider', function ($routeProvider) { 
    $routeProvider.when('/sryarnpayments/:id', { 
     templateUrl: 'path/myPage.html', 
     controller: newController 
    }); 
}]); 

Параметр может быть доступен в newController следующим образом:

ui-router:

var id = $stateParams.id; 

нг-маршрут:

var id = $routeParams.id; 
+0

спасибо за ваш ответ, этот код: - var id = $ routeParams.id; нужно добавить в контроллер правильно? ..... то как насчет части html? –

+0

@ R.ManiSelvam - вы пытаетесь показать представленные данные на той же странице после ее сохранения, правильно ...? поэтому, 'id' предоставит вам сохраненный идентификатор, и вы сможете использовать его для извлечения ваших данных, а затем привязать эти данные к своей модели – Aks1357

+0

спасибо за ваш комментарий, ваши изменения и ваш код не работает в нашем локальном хосте, он показывает ошибку, как - $ routeParams не задано при новом ..so, пожалуйста, дайте нам другое решение ... –