Angular JS Routing Issue with MVC Area

Question

I am new to Angular JS. I have a MVC Area called "Setup". Under this area there is a Controller called ModuleMstController.

The above controller has an Action method GridData.

From my Angular controller i make a post with a url /Setup/ModuleMst/GridData

but firebug shows the request url as

http://localhost/ModuleMst/GridData

and my action method is not hit.

I then tried to configure routing as

var ap = angular.module('myApp', ['trNgGrid', 'ngRoute']);

//controller 1
ap.controller("MainCtrl", function ($scope, $http) {
    $scope.model = {};

......
....

$scope.isAjaxInProgress = true;
$scope.errorMessage = undefined;

$http.post("/ModuleMst/GridData", $scope.requestedItemsGridOptions)
.then(function (data) {
    $scope.model.itemList = data.items;
    $scope.model.totalCount = data.TotalCount;
}
,function () {
    $scope.errorMessage = "An Error has occured while loading data!";
});

})
.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {

    $routeProvider.when('/ModuleMst', {
        templateUrl: '/Setup/ModuleMst/GridData'
        //controller: 'ModuleMst',
    });
    $routeProvider.otherwise({
        redirectTo: '/'
    });

    $locationProvider.html5Mode(false).hashPrefix('!');

}]);

I have not touched the routing configuration in the server side. It works with jquery ajax but not with angular $http.post().

How do i make this work ?

Thanks for the help.

Can you show the code where you do $http.post?

fikkatra
– fikkatra

2016-04-14 06:57:50 +00:00
Commented Apr 14, 2016 at 6:57 — fikkatra
– fikkatra, Commented Apr 14, 2016 at 6:57
@fikkatra Its in the source :) Line no 13

Deb
– Deb

2016-04-14 06:59:07 +00:00
Commented Apr 14, 2016 at 6:59 — Deb
– Deb, Commented Apr 14, 2016 at 6:59

fikkatra · Accepted Answer · 2016-04-14 07:00:41Z

1

Pass the MVC area in the http post:

$http.post("/Setup/ModuleMst/GridData", $scope.requestedItemsGridOptions)

answered Apr 14, 2016 at 7:00

fikkatra

5,9024 gold badges45 silver badges74 bronze badges

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

Collectives™ on Stack Overflow

Angular JS Routing Issue with MVC Area

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related