Html 在Angularjs中单击提交按钮后如何重新加载页面？

大家好，我在应用程序中使用的是MEAN stack，AngularJS是我的前端。如何在单击“提交”按钮后重新加载页面。如果有人知道解决方案，请帮助我们

我使用代码重新加载页面，如下所示：-

在控制器中，我使用了：-

在HTML中：-

只需将其添加到onClick或sumitformin按钮上即可

只需将其添加到onClick或sumitformin按钮上即可

---

若要在单击或提交时重定向页面，请使用

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

在控制器中添加依赖项$窗口

---

这可能会对您有所帮助。

要在单击或提交时重定向页面，请使用

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

在控制器中添加依赖项$窗口

这可能会对您有所帮助。

更改$location.path'sryarnpayments/'+response.\u id，{}，{reload:true}

到

用户界面路由器：

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

var id = $stateParams.id;

$state.go'state\u NAME'，{id:response.\u id}

ng路线：

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

var id = $routeParams.id;

$location.path'/sryarnpayments/'+响应。\u id

假设您已经在下面定义了routeexample，这应该是可行的

示例-路由定义

用户界面路由器：

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

var id = $stateParams.id;

ng路线：

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

var id = $routeParams.id;

然后可以在newController中访问该参数，如下所示：

用户界面路由器：

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

var id = $stateParams.id;

ng路线：

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

var id = $routeParams.id;

更改$location.path'sryarnpayments/'+response.\u id，{}，{reload:true}

到

用户界面路由器：

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

var id = $stateParams.id;

$state.go'state\u NAME'，{id:response.\u id}

ng路线：

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

var id = $routeParams.id;

$location.path'/sryarnpayments/'+响应。\u id

假设您已经在下面定义了routeexample，这应该是可行的

示例-路由定义

用户界面路由器：

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

var id = $stateParams.id;

ng路线：

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

var id = $routeParams.id;

然后可以在newController中访问该参数，如下所示：

用户界面路由器：

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

var id = $stateParams.id;

ng路线：

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

var id = $routeParams.id;

---

---

谢谢你有价值的回答，比如：-对吗？。嘿，上面给出的代码在我的本地主机上不起作用，所以你能提供一些其他解决方案吗？这是正确的，没有其他代码，我认为在你的js中有些错误。再试一次我修改了谢谢你有价值的回答，像这样：-对吗？。嘿，上面给出的代码在我的本地主机中不起作用，所以你能提供一些其他解决方案吗？这是正确的，没有其他代码，就是这样，我认为在你的js中有些错误。再试一次我修改了谢谢你的回答你能告诉我如何在我的控制器中使用你的代码吗，您能否提供示例以了解解决方案，thanksapp.controller'controller'，function$scope，$http，$window，$location{$scope.method=function{$scope.loading=true；$http{method:'POST'，}.successfunction-response{if response.status==true{$window.location.href=base_url+'contact'；}；}；}；谢谢你的回答。你能告诉我如何在我的控制器中使用你的代码吗？你能提供一个例子来了解解决方案吗？谢谢。控制器'controller'，函数$scope，$http，$window，$location{$scope.method=function{$scope.loading=true；$http{method:'POST'，}.successfunction response{if response.status==true{$window.location.href=base_url+'contact'；}；}；感谢您的回答，此代码：-var id=$routeParams.id；需要添加控制器对吗？…那么html部分呢？@R.ManiSelvam-您试图在保存后在同一页面上显示提交的数据，对吗…？因此，id将提供保存的id，您可以使用该id获取数据，然后将该数据绑定到您的模型谢谢对于您的评论，您的更改和代码在我们的本地主机中不起作用，它显示错误，如-$routeParams未在new中定义。因此，请给我们另一个解决方案…您是否将$routeParams注入控制器angular.module'app'。controller'newController'，function$routeParams{否我已在我的控制器中注入$stateParams，这是我的控制器：-.controller'SryarndebitnotesController'，['$scope'、'$stateparms'、'$location'、'$filter'、'Authentication'、'buyernformations'、'Sryarnpayments'、'Sryarndebitnotes'，函数$scope、$stateparms、$location、$filter、Authentication、buyernformations、Sryarnpayments、Sryarndebitnotes{谢谢你的回答，这段代码：-var id=$routeParams.id；需要添加控制器对吗？…那么html部分呢？@R.ManiSelvam-你试图在保存后在同一页上显示提交的数据，对吗…？因此，id将给你保存的id，你可以使用它来获取数据，然后将数据绑定到模型中。谢谢对于您的评论，您的更改和您的代码在我们的本地主机中不起作用，它显示错误，如-$routeParams未在new中定义。因此，请给我们另一个解决方案

---

在…上，您是否已将$routeParams注入控制器。模块'app'。控制器'newController'，函数$routeParams{否我已在控制器中注入$stateParams，这是我的控制器：-。控制器'SryarndebitnotesController'，['$scope'、'$stateparms'、'$location'、'$filter'、'Authentication'、'buyernformations'、'Sryarnpayments'、'Sryarndebitnotes'，函数$scope、$stateparms、$location、$filter、Authentication、buyernformations、Sryarnpayments、Sryarndebitnotes{