Angular JS Routing Problem mit MVC-Bereich

Question

Ich bin neu in Angular JS. Ich habe eine MVC Area namens "Setup". Unter diesem Bereich befindet sich eine Controller genannte ModuleMstController.

Der obige Controller hat eine Action Methode GridData.

Aus meiner Angular Controller mache ich einen Beitrag mit einer URL /Setup/ModuleMst/GridData

aber Firebug zeigt die URL als

http://localhost/ModuleMst/GridData 

und meine Aktionsmethode nicht getroffen wird.

Ich habe dann versucht Routing als

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('!'); 

}]); 

ich nicht die Routing-Konfiguration in der Server-Seite berührt haben zu konfigurieren. Es funktioniert mit jQuery Ajax aber nicht mit eckigen $http.post().

Wie kann ich das machen?

Danke für die Hilfe.

Answer 1

Führen Sie den Bereich MVC im http Beitrag:

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