How can I create a scope function the return json in Angular?

Question

I have a function like this:

 $scope.GetDays = function() {
         $http.post("core/ajax/LoadDays.php").success(function(data){
                 return data[0].days;
    }); 

};

And in LoadDays.php I have this json:

 [{"days":"1"}]

If I do console log It will return correct: 1. But, the problema is When I call it on my HTML code. I recive a looping erros : $rootScope:infdig

How can I do this?

Sorry for my english

wvdz · Accepted Answer · 2015-03-16 21:46:57Z

2

Read up on the concept of Ajax (asynchronous javascript), because that's what you're doing here.

You should do something like this:

$scope.GetDays = function() {
         $http.post("core/ajax/LoadDays.php").success(function(data){
                 $scope.days= data[0].days;
    }); 

};

And then use {{days}} in your html. Days will be filled with data shortly after you call GetDays(), depending on how fast the server request is handled.

answered Mar 16, 2015 at 21:46

wvdz

16.2k4 gold badges60 silver badges97 bronze badges

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

3 Comments

wvdz Over a year ago

If you define that function in your controller and that controller is defined in the html, you can simply call it with {{getDays()}} within the scope of that controller. If that doesn't work, you misconfigured something, but it's impossible to find out what, from the code that you posted.

Minearena Mine Over a year ago

Yes, when I do that {{getDays()}} I get the error $rootScope:infdig, I will try to find out whats is going on. Thank you.

aarosil Over a year ago

@MinearenaMine you don't need curly braces to call scope function, just ng-click="getDays()"

Collectives™ on Stack Overflow

How can I create a scope function the return json in Angular?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related