美元http.angular方法中的Get方法没有按预期工作
$http.get method in angular method not working as expected
这是我的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);
});
});
使用$http Get
$http({
method:"get",
url:"https://api.github.com/users/sfshameem5"
}).success(function(resp){
$scope.user=resp.data
}).error(function(error){
console.log(error)
})
相关文章:
- Javascript form.submit()方法是如何工作的
- JavaScript中的这个call()-方法是如何工作的
- Jquery ajax方法请求体为null,但poster工作正常
- 我该如何阻止单击方法多次工作
- jQuery方法未按预期工作-toggleClass
- 如何让应用程序帮助程序方法在发送的请求为 JS 格式时工作
- jQuery on() 方法只能通过 childSelector 间接工作
- 如何制作Javascript's减少对数组数组的方法工作
- 如何使我自己的javascript Math方法工作
- * 方法工作正常,但不能使用 jQuery ajax
- Javascript调用同一对象内的对象方法工作不正常
- 当项目停止在.NET中运行时,有没有办法阻止web方法工作
- is('checked')筛选方法工作不正常
- 在操作DOM时无法使对象方法工作
- ie9 getAttribute方法工作
- 如何使一个方法工作- Javascript
- Javascript变量到php变量转换方法工作.但我无法比较php变量
- 为什么'我的start()和stop()方法工作吗
- 从数据库加载值的Onchange Ajax方法工作正常,但如何将文本区域值与另一个文本框值相乘
- JavaScript RegExp测试方法工作不稳定,我的意思是第一次执行和第二次执行的结果不同