Problems getting data using AngularJS

Question

I'm just learning Angular JS. I'm trying to populate the scope variable with the result of an ajax database call. The ajax call returns a propper json object(an array) but I cannot get $scope.contentType to output on my HTML page.

Can anyone see any reason this should not work?

app.controller('MainController', ['$scope', function($scope){
    var allMyData;
    $scope.title = 'Content Types List';

    var request = $.ajax({
        type: "POST",
        dataType: "json",
        url: "/angularJS/dbServices.cfc?method=getContentTypes"
    })

    request.done(function(data){
        allMyData = data.DATA;
        console.log(allMyData);
        $scope.contentTypes = allMyData;
    })

    request.fail(function(){
        console.log('fail');
    })
}])

Caleb Williams · Accepted Answer · 2015-10-16 13:33:29Z

6

The reason your $scope isn't updating on the view is because you are changing that value outside the $digest cycle. You need to use AngularJS' built-in $http service.

You can get more information/documentation in the link above.

answered Oct 16, 2015 at 13:33

Caleb Williams

1,0755 silver badges12 bronze badges

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

Comments

BroiSatse · Accepted Answer · 2015-10-16 13:36:33Z

1

It is because you are using jQuery ajax which is not triggering angular digest. You can fix it with:

 request.done(function(data){
    $scope.apply(function() {
      allMyData = data.DATA;
      console.log(allMyData);
      $scope.contentTypes = allMyData;
    })
})

However, this is not the best practice. Instead you should 1) use $http service as mentioned in other answer 2) Move the entire logic to a separate service 3) use a high-level interface provided by ngResource

answered Oct 16, 2015 at 13:36

BroiSatse

44.8k8 gold badges63 silver badges89 bronze badges

Collectives™ on Stack Overflow

Problems getting data using AngularJS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related