AngularJS Reference Errors

Question

I'm getting some error messages when I try to run my app. I'm not sure what they mean. I'm getting the error Uncaught ReferenceError: accountInfoController is not defined and Uncaught ReferenceError: accountInfoService is not defined.

This is my controller:

(function () {

'use strict';

angular
  .module('crm.ma')
  .controller('accountInfoController', accountInfoController);

accountInfoController.$inject = ['accountInfoService', 'toastr', '$scope'];

function getAccountInfo() {
    accountInfoService.getAccountInfo().then(function (response) {
        if (response.error) {
            toastr.error(response.error);
        }
        else {
            vm.details = response;
        }
    })       
}  
}());

here's my service

(function () {

angular
.module('crm.ma')
.service('accountInfoService', accountInfoService);

accountInfoService.$inject = ['$http', 'apiUrl'];


function getAccountInfo() {
    return $http.get(apiUrl + 'GetAccountDetails')
    .then(function (response) {
        return response.data;
    }, function (response) {
        return { error: response.data.message }
    });
}
}());

Does it have something to do with my router?

    .state('index.DetailsTest', {
             url: '/details',
             templateUrl: 'app/components/main/account/account-details/DetailsTest.html',
             controller: 'accountInfoController',
             data: {
                 pageTitle: 'Test'
             }

         })

Peter Elliott · Accepted Answer · 2015-10-22 19:00:35Z

1

you haven't actually defined the functions for your controller accountInfoController and accountInfoService. You've just defined the methods that should be inside the controller and service

Your code for your controller should look something like:

(function () {

'use strict';

angular
  .module('crm.ma')
  .controller('accountInfoController', accountInfoController);

accountInfoController.$inject = ['accountInfoService', 'toastr', '$scope'];
function accountInfoController(accountInfoService, toastr, $scope) {

  var vm = this;
  vm.getAccountInfo = getAccountInfo
  function getAccountInfo() {
    accountInfoService.getAccountInfo().then(function (response) {
        if (response.error) {
            toastr.error(response.error);
        }
        else {
            vm.details = response;
        }
    })       
  }  

}
}());

and something similar for your service

answered Oct 22, 2015 at 19:00

Peter Elliott

3,32218 silver badges30 bronze badges

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

3 Comments

hollyquinn Over a year ago

Hi Peter Elliott. Thank you for your help. My controller works perfectly now. I'm not sure how the service should be though?

Peter Elliott Over a year ago

same thing, wrap the service in a function named accountInfoService

hollyquinn Over a year ago

Ok! I think I got it. Thanks for your help. Now to figure out the next error message. :)

Collectives™ on Stack Overflow

AngularJS Reference Errors

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