这是我的 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>
这是我的 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!";
}
我期待 {{user.login}}
显示名称,但没有出现。
最佳答案
这里。这将起作用: 你应该这样做:
$scope.user = response;
而不是
$scope.user = response.data;
下面的代码正在运行。
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>
对于你的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);
});
});
关于javascript - Angular 方法中的 $http.get 方法未按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40607373/