MVCエリアでのAngular JSルーティングの問題

Question

Angular JSの新機能です。 「セットアップ」というMVC Areaがあります。この領域の下にModuleMstControllerと呼ばれるControllerがあります。

上記のコントローラーはActionメソッドGridDataです。

私の角コントローラから私は、URL /Setup/ModuleMst/GridData

とポストを作るが、放火犯は

http://localhost/ModuleMst/GridData 

として要求URLを示していて、私のアクションメソッドがヒットされていません。

私は、サーバー側でルーティング設定を触れていない

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では動作しますが、角度は $http.post()では動作しません。

どうすればこの作品を作れますか？

ありがとうございました。

Answer 1

は、HTTPポストにMVCエリアを渡します

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