Angular JS - is not a function

Question

I am getting error in controller.js

controller.js

angular.module('myApp', ['ngRoute', 'ui.router']).controller('authCtl', ["$scope", "$rootScope", "loginService", function($scope, $rootScope, loginService) {
  $rootScope.bodyClass = "focusedform";
  $scope.submitForm = function() {
    loginService.userAuth($scope.username, $scope.password);
  }
}]);

factory.js

angular.module('myApp').factory('loginService', ["$http", "$q", function($http, $q) {
  userFactory = {};
  userAuth = function(username, password) {
    console.log(username + '' + password);
  };
  return true;
}]);

You're returning true from login service. Return an object or something with the userAuth function attached. — Phix
– Phix, Commented Mar 15, 2017 at 4:53

Anik Islam Abhi · Accepted Answer · 2017-03-15 05:00:51Z

You didn't return your object in factory.

You have to attach your methods variable in an object and return it from factory in order to access from controller.

Try like this

angular.module('warApp').factory('loginService', ["$http", "$q", function($http, $q) {
  var userFactory = {};
  userFactory.userAuth = function(username, password) {
    console.log(username + '' + password);
  };
  return userFactory;
}]);

or try like this for better view

angular.module('warApp').factory('loginService', ["$http", "$q", function($http, $q) {
  var userFactory = {
    userAuth: userAuth
  }
  return userFactory;
  function userAuth(username, password) {
    console.log(username + '' + password);
  }
}]);

Collectives™ on Stack Overflow

Angular JS - is not a function

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related