get data from function angularJS

Question

i will get data from function, in case this my code..

 var urlServer = 'http://localhost:2205/inventoryApp/server/'; 
  $scope.getReport = function() {
    $http.get( urlServer + 'transaksi.php?action=getreport').success(function(data) {
      $scope.reports = data;
      // console.log($scope.reports.tanggal);
      // if i run this console (inside function) the data is showing in console log
    });        
  };

  $scope.getReport();
  console.log($scope.reports);
 //this console log get undefined

and i get undefined in my console log..

thanks before :)

So you should check if your http request just fails using .error(). (Beware, both, .success and .error are deprecated) — Thomas Kekeisen
– Thomas Kekeisen, Commented Sep 29, 2015 at 9:52
my http request is success, i show data in my view(template) no error and show the data — Medianto Jaelani
– Medianto Jaelani, Commented Sep 29, 2015 at 9:54
You have to write the console.log(data) in side your callback — Prasanth Bendra
– Prasanth Bendra, Commented Sep 29, 2015 at 9:59

Thomas Kekeisen · Accepted Answer · 2015-09-29 09:58:33Z

1

Your code runs synchronously, your request runs asynchronous, so this should work:

var urlServer = 'http://localhost:2205/inventoryApp/server/'; 
  $scope.getReport = function() {
    $http.get( urlServer + 'transaksi.php?action=getreport').success(function(data) {
      $scope.reports = data;
      // console.log($scope.reports.tanggal);
      // if i run this console (inside function) the data is showing in console log
console.log($scope.reports);
    });        
  };

  $scope.getReport();

window.setTimeout(function()
{
    console.log('data should be available now', $scope.reports);
}, 5000);

You just have to wait until your request is finished before you can display its response. :-)

For example, after a few seconds, your data should be available. To make this clean, use promises as you can see here: https://docs.angularjs.org/api/ng/service/$http

edited Sep 29, 2015 at 9:58

answered Sep 29, 2015 at 9:54

Thomas Kekeisen

4,4164 gold badges37 silver badges57 bronze badges

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

3 Comments

Medianto Jaelani Over a year ago

if console.log inside function absoluty work... but if outside get unifed.. so i ask this question

Thomas Kekeisen Over a year ago

Its not undefined in the outside. Its just undefined when you try to output it. I will update my answer.

Medianto Jaelani Over a year ago

i see.. the data need interval to already set. thanks very much thomas :)

krishna · Accepted Answer · 2015-09-29 10:05:15Z

1

console is executed before executing get service. try to use .then() function and console in it.

answered Sep 29, 2015 at 10:05

krishna

1527 bronze badges

Collectives™ on Stack Overflow

get data from function angularJS

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related