Angular JS Service error inside web service

Question

I am trying to use Angular JS service for various purpose. I already made functions inside main script.js but want to shift in employeeService.js service file. Inside it, I am trying to implement a Delete functionality,Here is code-

/// <reference path="script.js" />
app.factory('fetchEmpService', function () {
    var deleteEmp = function (EID) {
        if (confirm("Are you sure want to delete?")) {
            $http({
                method: "POST",
                url: 'EmpWebService.asmx/DeleteEmployee',
                data: { EmpId: EID },
                headers: { 'Content-Type': 'application/json; charset=utf-8' }
            })
        .then(function (reponse) {
            alert("Deleted successfully.");
            $scope.getEmployee();
        });
        }
    }
    return {
        deleteEmp:deleteEmp,
    };
});

And in my main script.js file-

 $http.get("EmpWebService.asmx/GetEmp")
        .then(function (response) {
            $scope.employees = response.data;
        });

The sevice is running and control goes inside it but its throwing following error- angular.js:5582 ReferenceError: $http is not defined.

Similarly I was trying to call a method of fetching EmployeeList function its giving error. What may be the reason? Is there any issue regarding web service that I am using?

$scope is not injectable in factory or service

Aravinthan K
– Aravinthan K

2016-06-01 12:26:39 +00:00
Commented Jun 1, 2016 at 12:26 — Aravinthan K
– Aravinthan K, Commented Jun 1, 2016 at 12:26

Ant Kennedy · Accepted Answer · 2016-06-01 12:27:39Z

1

You need to inject $http into your factory. You then want to return the promise and update the $scope inside a closure inside your controller

app.factory('fetchEmpService', function ($http) {
    ....
});

edited Jun 1, 2016 at 12:27

answered Jun 1, 2016 at 12:24

Ant Kennedy

1,2407 silver badges13 bronze badges

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

3 Comments

Ritesh Gupta Over a year ago

Thanks,that was the reason.

Pankaj Parkar Over a year ago

also $scope.getEmployee() function would not work inside factory, as $scope can not be get injected in factory

Ritesh Gupta Over a year ago

Can we inject $scope also in function

Collectives™ on Stack Overflow

Angular JS Service error inside web service

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