$ http GET方法显示空白页面

时间:2016-12-27 18:24:06

标签: angularjs angularjs-http

我尝试使用下面的代码解析json,但它显示的是空白页。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("http:krispypapad.herokuapp.com/fetch_article").success(function (response) {   
      $scope.myWelcome = data.response;

    });  
});

2 个答案:

答案 0 :(得分:1)

我认为您使用的网址存在拼写错误:

http:krispypapad.herokuapp.com而不是http://krispypapad.herokuapp.com您错过了几个//

这就是你的代码的样子:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("http://krispypapad.herokuapp.com/fetch_article").success(function (response) {   
      $scope.myWelcome = response; //<-- no .data is required

    });  
});

答案 1 :(得分:0)

网址中有拼写错误,应该是这样的:

http://krispypapad.herokuapp.com/whatever

此外,您应该使用response.data而不是data.response