Cannot read property 'then' of undefined in angularjs

Question

i was trying to make a simple app in ionic with asp.net mvc rest framework.but am getting

Cannot read property 'then' of undefined

error.here is my app.js code.its can anyone help..?.the controller part shows error

angular.module('starter', ['ionic', 'starter.controllers', '  starter.services'])
.constant('ApiEndpoint', {
    url: 'http://localhost:49316/api'
})
.run(function($ionicPlatform) {
    $ionicPlatform.ready(function() {
        if (window.cordova && window.cordova.plugins.Keyboard) {
            cordova.plugins.Keyboard.disableScroll(true);
        }
        if (window.StatusBar) {
            StatusBar.styleDefault();
        }
    });
})
 angular.module('starter.services', [])
 factory('Api', function($http, ApiEndpoint) {
console.log('ApiEndpoint', ApiEndpoint)
var getApiData = function() {
    $http.get(ApiEndpoint.url + '/product')
        .success(function(data) {

        })
        .error(function(error) {
        })
}

return {
    getApiData: getApiData
};
  })
 angular.module('starter.controllers', [])
.controller('ExampleController', function($scope, Api) {
    $scope.getData = function() {
        Api.getApiData()
            .then(function(result) {
                $scope.data = result.data;
            })
    }
});

Thalaivar · Accepted Answer · 2016-10-24 13:22:09Z

3

You are already returning a promise in your below function.

var getApiData = function() {
    $http.get(ApiEndpoint.url + '/product')
        .success(function(data) {

        })
        .error(function(error) {
        })
 }

Change the below function to below like this.

var getApiData = function() {
    return $http.get(ApiEndpoint.url + '/product')
}

answered Oct 24, 2016 at 13:22

Thalaivar

23.7k5 gold badges63 silver badges71 bronze badges

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

Comments

KoIIIeY · Accepted Answer · 2016-10-24 13:23:36Z

1

factory('Api', function($http, ApiEndpoint) {
console.log('ApiEndpoint', ApiEndpoint)
var getApiData = function() {
$http.get(ApiEndpoint.url + '/product')
    .success(function(data) {

    })
    .error(function(error) {
    })
return {getApiData: getApiData}; // you forget return :)
}

answered Oct 24, 2016 at 13:23

KoIIIeY

5581 gold badge8 silver badges26 bronze badges

Collectives™ on Stack Overflow

Cannot read property 'then' of undefined in 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