Angular MVC 区域的 JS 路由问题

Question

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

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

我用我的 Angular 控制器制作了一个 post 和 url /Setup/ModuleMst/GridData

但是 firebug 将请求 url 显示为

http://localhost/ModuleMst/GridData

而且我的action方法没有命中

然后我尝试将路由配置为

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中的MVC区域post:

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