Assign variable from $http .success function to $scope.variable

Question

$scope.restaurants variable is emty. how to pass data to $scope.restaurants?

FoodSearchControllers.controller('homeCtrl', ['$scope', '$http', function($scope, $http) {
//restoranai
$http.post('http://appdev.milasevicius.com/server/index.php', {
    "query": "SELECT * FROM n01_restaurant"
}).success(function(data, status) {
    $scope.restaurants = data;
}).error(function(data, status) {
    $scope.data = data || "Request failed";
    $scope.status = status;
});

console.log($scope.restaurants);
}]);

Also, controller is called twice. Why is that?

It is empty because it the call is asynchronous. But will be filled upon successful response (assuming your back-end is configured properly). — artur grzesiak
– artur grzesiak, Commented Dec 2, 2013 at 20:43

Manny D · Accepted Answer · 2013-12-02 20:43:26Z

1

Your console.log is called at a point where the $http call might not have returned yet. The post is an async call so if you move your console.log in your success function, you should see it. In short, $scope.restaurants is mostly likely being populated but you're trying to check it too early.

answered Dec 2, 2013 at 20:43

Manny D

20.9k2 gold badges31 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Assign variable from $http .success function to $scope.variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related