factory not defined in angular js

Question

var app = angular.module('part3', []);
app.controller('Part3Controller' ,function ($scope) {
    $scope.Message1 = "apek";
    $scope.IsLogedIn = false;
    $scope.Message = '';
    $scope.Submitted = false;
    $scope.IsFormValid = false;
    $scope.LoginData = {

        UserName: '',
        Password: ''
    };
    $scope.$watch('f1.$valid', function (newVal) {
        $scope.IsFormValid = newVal;
    });

    $scope.Login = function () {

        $scope.Submitted = true;

        if ($scope.IsFormValid) {
            alert("eeeeee")
            alert("dsds")
            serv.GetUser($scope.LoginData).then(function (d) {
                alert("dsdsdfsdfs");
                if (d.data.UserName != null) {
                    alert("he;llo1");
                    $scope.IsLoggedIn = true;
                    $scope.Message = "Successfully Login" + d.data.FullName;
                }
                else {

                    alert("Invalid Credential")
                }
            })
        }
    }



})

app.factory('serv', function ($http) {
    alert("helloo");
    var fac = {};
    fac.GetUser = function (d) {
        $scope.Submitted = true;
        return $http({

            url: '/Data/UserLogin',
            method: 'POST',
            data: JSON.stringify(d),
            header: { 'content-type': 'application/json' }
        });
    };
    return fac;
});

I had written above code for login functionality in my app but it is not calling factory "serv" its showing error "angular.min.js:92 ReferenceError: serv is not defined"

"angular.min.js:92 ReferenceError: serv is not defined"

haMzox · Accepted Answer · 2017-12-02 10:01:45Z

4

When you want to use a factory or service with a controller in angular, you need to inject them with that. We have:
app.factory('name_of_factory', factory_function);
and controller:
app.controller('name_of_controller', controller_function($scope,factory_name_you_want_to_use) { //blah blah });
That was some of explanation, you just need to inject name of factory with your controller. Your Controller JS will look like this:

app.controller('Part3Controller' ,function ($scope,serv){//yourcode});

edited Dec 2, 2017 at 10:01

answered May 7, 2017 at 12:37

haMzox

2,1091 gold badge15 silver badges25 bronze badges

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

Comments

Sachila Ranawaka · Accepted Answer · 2017-05-07 12:29:42Z

0

need to inject serv factory to the controller

controller('Part3Controller' ,function ($scope,serv) {

answered May 7, 2017 at 12:29

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

3 Comments

And Over a year ago

still it is not executing " url: '/Data/UserLogin'," Userlogin function in DataController in mvc

And Over a year ago

.factory('LoginService', function ($http) { alert("helloo"); var fac = {}; fac.GetUser = function (d,e) { $scope.Submitted = true; return $http({ url: '/Data/UserLogin', method: 'POST', data: JSON.stringify(d), header: { 'content-type': 'application/json' } }); alert(4) }; return fac; });

Sachila Ranawaka Over a year ago

remove $scope.Submitted = true; in the factory. factory does not support scope variables

Collectives™ on Stack Overflow

factory not defined in angular js

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related