错误：[$rootScope:inprog] http angularjs答案

【问题标题】：Error: [$rootScope:inprog] http angularjs错误：[$rootScope:inprog] http angularjs
【发布时间】：2016-07-15 16:49:18
【问题描述】：

当我的页面加载时，我想从数据库加载数据。我通过 Angular 的 http 模块获取数据，如下所示：

var getdata = function(){
    var params = {
        userId : 123,
    };
    $http.post("url", params)
    .success(function(data,status,headers,config){
        alert("success");
    }).error(function(){
        alert("Failed to connect with server");
    });
};

在我的控制器中，我创建了一个名为 onLoad 的函数并将其调用如下：

var onLoad = function(){
    getData();
    console.log("load page");
};
onLoad();

但是，当我导航到该页面时出现以下错误错误：[$rootScope:inprog] http://errors.angularjs.org/1.5.0/$rootScope/inprog?p0=%24digest

可能出了什么问题？谢谢！

【问题讨论】：

你能告诉我们更多代码吗？

标签： angularjs angularjs-scope

【解决方案1】：

这是获取数据的方式，还有一件事我不知道您在控制器中添加了哪些依赖项，以防万一，如果您没有这样做，那么这是正确的方式

      var app = angular.module('myApp', []);
      app.controller('myCtrl', function($scope, $http) {
     $http({
     method : "POST",
    url : Your Url
}).then(function mySucces(response) {
    $scope.myWelcome = response.data;
}, function myError(response) {
    $scope.myWelcome = response.statusText;
});
  });

【讨论】：

不，$http 语法绝对正确。只是参数应该由body 或data 定义
$http 应该作为参数传递给控制器
我知道兄弟，但他没有显示他定义控制器的依赖注入或参数列表。

【解决方案2】：

您在此处显示的代码中有一个小错误是拼写错误 getData() call is wrong 因为您已使用 getdata() 定义了您的函数。

我已经从您的代码中创建了一个fiddle，并且它工作得非常好。

angular.module('myApp', [])
  .controller('myCtrl', function($scope, $http) {
    $scope.sendPost = function() {
      var data = $.param({
        json: JSON.stringify({
          name: $scope.newName
        })
      });
      onLoad(data);
    }
    var getdata = function(data) {
      $http.post("/echo/json/", data)
        .success(function(data, status) {
          console.log(data)
          $scope.hello = data;
        })
    };

    var onLoad = function(data) {
      getdata(data);
      console.log("load page");
    };

    $scope.hello = {
      name: "Boaz"
    };
    $scope.newName = "";

  })

您在此处显示的代码不会产生此错误。解决此错误后，请使用相关代码更新您的问题。

希望对你有帮助

【讨论】：