Javascript 从$http请求获取数据的角度未定义
所以，我想从一个API（由Laravel提供）获取数据。我正在Angular中使用$http获取此数据，当我将其发送到视图时，它工作正常，但当我想在控制器中使用数据时，它不会： HTML:Javascript 从$http请求获取数据的角度未定义,javascript,angularjs,controller,get,response,Javascript,Angularjs,Controller,Get,Response,所以，我想从一个API（由Laravel提供）获取数据。我正在Angular中使用$http获取此数据，当我将其发送到视图时，它工作正常，但当我想在控制器中使用数据时，它不会： HTML: <!doctype html> <html ng-app="todoApp"> <head> <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<!doctype html>
<html ng-app="todoApp">
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="/js/MainController.js"></script>
</head>
<body ng-controller="MainController as myControl">
<h1>Todo-list:</h1>
<div>
<table>
<tr>
<th>Note:</th>
<th>Author:</th>
<th>Project:</th>
<th>Created:</th>
<th>Deadline:</th>
</tr>
<tr ng-repeat="todo in myControl.todos">
<td> {{ todo.content }} </td>
<td> {{ todo.user }} </td>
<td> {{ todo.project }} </td>
<td> {{ todo.created }} </td>
<td> {{ todo.deadline }} </td>
<td><button ng-click="myControl.showUpd(todo.id)">Update</button></td>
</tr>
</table>
</div>
</body>
</html>
angular.module('todoApp', []).controller('MainController', function($scope, $http) {
var thisApp = this;
// Below works without any problems when accessing it from the html-view:
$http({method : 'GET', url : 'http://localhost:8000/notes'})
.then (function(response) {
thisApp.todos = response.data;
}, function() {
alert("Error getting todo notes");
});
// But this function doen't work as intended
thisApp.showUpd = function(noteID) {
$http({method : 'GET', url : 'http://localhost:8000/notes/' + noteID})
.then (function(response) {
thisApp.getNote = response.data;
console.log(thisApp.getNote); // MainController.js:20
alert("Got data");
}, function() {
alert("Error getting todo note");
});
console.log(thisApp.getNote); // MainController.js:26
}
});
MainController.js:26未定义MainController.js:20对象{id:1，内容：“asdasd”，完成时间：0，截止日期：“2016-01-14 10:29:38”}
$httpthisApp.getNotethisApp$scope有人能发现我的问题吗？第26行的console.log包含在您使用$http创建的承诺之外。这意味着它将在承诺解决之前运行，因此在属性设置之前运行，以便在该时间点返回未定义。您需要等到您解决了尝试使用该财产的承诺之后 您应该在中创建回调。然后为$http调用创建回调
thisApp.showUpd = function(noteID) {
$http({method : 'GET', url : 'http://localhost:8000/notes/' + noteID})
.then (function(response) {
thisApp.getNote = response.data;
console.log(thisApp.getNote); // MainController.js:20
alert("Got data");
thisApp.logMe(); // Call the callback here to run the code that depends on thisApp.getNote being defined.
}, function() {
alert("Error getting todo note");
});
}
// Create a callback function that will be called when the $http promise has been resolved but not until then.
thisApp.logMe = function() {
console.log(thisApp.getNote); // MainController.js:26
}
$http是异步的，这意味着您在第17行附近发出请求，然后执行第26行。由于请求尚未返回，
thisApp.getNote