[英]$http.get method in angular method not working as expected
This is my HTML Code. 这是我的HTML代码。
<!DOCTYPE html>
<html ng-app>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/angular.js"></script>
<script src="js/app.js"></script>
</head>
<body ng-controller="MainController">
Name: {{user.login}}
</body>
</html>
And this is my JavaScript Code. 这是我的JavaScript代码。
var MainController = function($scope, $http) {
var onUserComplete = function(response) {
$scope.user = response.data;
};
$http.get("https://api.github.com/users/sfshameem5")
.then(onUserComplete);
$scope.message = "Hello, Angular!";
}
I'm expecting {{user.login}}
to show a name, but that doesn't appear. 我希望{{user.login}}
显示一个名称,但这不会出现。
Using $http Get 使用$ http获取
$http({
method:"get",
url:"https://api.github.com/users/sfshameem5"
}).success(function(resp){
$scope.user=resp.data
}).error(function(error){
console.log(error)
})
Here. 这里。 This will work: You should do: 这样可行:你应该这样做:
$scope.user = response;
and not 并不是
$scope.user = response.data;
The code bellow is working. 下面的代码正在运行。
HTML: HTML:
<!DOCTYPE html>
<html ng-app="app">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://code.angularjs.org/angular-1.0.1.js"></script>
</head>
<body ng-controller="MainController">
Name: {{user.login}}
</body>
</html>
And for your js: 而对于你的js:
var app = angular.module('app', []);
app.controller('MainController', function($scope, $http) {
$http({
method: "GET",
url: "https://api.github.com/users/sfshameem5",
})
.success(function(response) {
$scope.user = response;
})
.error(function(response) {
console.log("Failed fetching data:" + response);
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.