The AngularJS factory's HTTP GET method returns the error message "undefined is not a function."

Question

The AngularJS factory's HTTP GET method returns the error message "undefined is not a function."

I've encountered an error in my code that reads:

TypeError: undefined is not a function

. It seems to be related to my understanding of promises. I would really appreciate any insights or explanations on this issue.

getProgramDetails:  function (program) {
    var _this = this;
    this.getDetails(program).then(function() {
        ....
    });
},
getDetails: function (program) {
    var _this = this;
    var deferred = $q.defer();

    // The error is triggered at this line
    this.http.get({id: program.programID}).then(function(results) {
        if (results && results.programID) {
            _this.isNewProgram = false;
            _this.selectedProgram = {
                ...
            };
        } else {
            _this.isNewProgram = true;
            _this.selectedProgram = {
                ...
            };
        }
        deferred.resolve();
    });
    return deferred.promise;
},

http: $resource(
$window.detailsEndpoint',
{ id: '@id' },
{   //parameters default
    update: {
        method: 'PUT',
        params: {}
    },
    get: {
        method: 'GET',
        params: {
            id: '@id'
        }
    },
    post: {
        method: 'POST'
    }
})

javascript angularjs angular-promise

Answer 1

Answer №1

It seems that $resource does not support a .then() method like $http. Instead, consider passing the callback as the second argument.

this.http.get({id: program.programID}, function(response){});

Alternatively, you can use its $promise.

this.http.get({id: program.programID}).$promise.then(function(response){});

Answer 2

It seems that $resource does not support a .then() method like $http. Instead, consider passing the callback as the second argument.

this.http.get({id: program.programID}, function(response){});

Alternatively, you can use its $promise.

this.http.get({id: program.programID}).$promise.then(function(response){});

The AngularJS factory's HTTP GET method returns the error message "undefined is not a function."

Answer №1

Similar questions

React Components Changing Route Leads to Empty Display

Modifying webpage design using JavaScript for styling

Leveraging external references within Symfony2/Twig using JavaScript

Seeking a solution for resolving the problem with HTML1402 when using jquery URL in Internet Explorer?

How to stop the mobile keyboard from hiding in JavaScript

How to access a variable in an Angular Factory's callback function from outside the factory

Optimal approach: Utilizing JSON, JQuery, and Codeigniter to organize content within multiple tabs

steps for eliminating specific words from an input field

convert json formatting to a string

Showing JavaScript code as a string within a PHP file

"Troubleshooting a minor jQuery problem - update on current URL and refresh the page

Sending information to a component through navigationPassing data to a component

React - triggering a router link action before the link is assigned a value

Steps for accessing the files uploaded in a React application

Why is the raisePropertyChanged Event important in programming?

What is the best way to combine arrays fetched from two different Axios API Calls?

Changing the Angular form based on the value selected from the drop-down menu

Ways to prevent scrolling or switching to the next tab when my javascript function yields a false result

Refresh Google Maps without showing gray areas on the screen

issue with deploying a software package and getting it installed