Angularjs Doesnt work after Deployment

Question

Angularjs Part is not working after Deploying in IIS 8.5 , this is my js file this code works in local machine with Visual Studio 2012

angular.module('MyApp').controller("DataViewController", ["$scope", "RequestService", function($scope, RequestService) {
    $scope.Requests = [];

    RequestService.GetRequests().then(function (d) {
        $scope.Requests = d.data
    });
}])

.factory('RequestService', function ($http) { 
    var fac = {};
    fac.GetRequests = function () {
        return $http.get('/Data/EmployeeRequests');
    }
    return fac;
});

Failed to load resource: the server localhost/Data/EmployeeRequests responded with a status of 404 (Not Found) — intel1in
– intel1in, Commented Feb 28, 2016 at 11:06
angular.js:9734 GET localhost/Data/EmployeeRequests 404 (Not Found) — intel1in
– intel1in, Commented Feb 28, 2016 at 11:11

Sajeetharan · Accepted Answer · 2016-02-28 11:12:22Z

1

The problem is your application cannot find the resource

Just change

From:

.factory('RequestService', function ($http) { 
    var fac = {};
    fac.GetRequests = function () {
        return $http.get('/Data/EmployeeRequests');
    }
    return fac;
});

To:

.factory('RequestService', function ($http) { 
    var fac = {};
    fac.GetRequests = function () {
        return $http.get('Data/EmployeeRequests');
    }
    return fac;
});

answered Feb 28, 2016 at 11:12

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

1 Comment

intel1in Over a year ago

This Works with me just need to set the Path as return $http.get('../Data/EmployeeRequests');

csharpfolk · Accepted Answer · 2016-02-28 08:43:21Z

0

You are missing explicit type annotations on your factory declaration.

There may be a problem with minification of .js files. On your local machine VS prevents bundle optimization, when you deploy your solution to IIS on prod server - ASP.NET minimizes and bundles all your js and css files. Thus turning

function($http) { ... }

into

function(a) { ... }

To solve problem use explicit annotations:

.controller(['dep1', 'dep2', '$http', function(dep1, dep2, $http) {... }]);

or

Controller.$inject = ['dep1', 'dep2', '$http'];

answered Feb 28, 2016 at 8:43

csharpfolk

4,29029 silver badges36 bronze badges

Collectives™ on Stack Overflow

Angularjs Doesnt work after Deployment

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related