MVC 区域的 Angular JS 路由问题

Question

我是 Angular JS 的新手。我有一个名为“Setup”的MVC Area。在这个区域下面有一个Controller，叫做ModuleMstController。

上面的控制器有一个Action方法GridData。

通过我的 Angular 控制器，我发布了一个带有 url /Setup/ModuleMst/GridData 的帖子

但萤火虫将请求网址显示为

http://localhost/ModuleMst/GridData

而且我的操作方法没有被命中。

然后我尝试将路由配置为

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

}]);

服务器端的路由配置我没有接触过。它适用于 jquery ajax，但不适用于 angular $http.post()。

我该如何进行这项工作？

感谢您的帮助。

Answer 1

通过http post中的MVC区域：

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