显示角度JS控制器未定义使用ASP.NET MVC路由参数

Question

这是我的网址这是使用asp.net MVC路由

http://localhost:23293/Exam?id=1 

我想访问ID参数在JS角控制器

aoeapp.controller('ExamController', function ($scope, examservice, $routeParams) { 
$scope.exams = []; 
$scope.id = $routeParams.id; 
alert($scope.id); 
$scope.getAllexams = function (id) { 

    examservice.getExamMaster(id).success(function (data) { 
     $scope.exams = data; 
    }).error(function (data, status, Xhr) { 

     alert(Xhr); 
    }); 
}; 
$scope.getAllexams(id); 
}); 

所以这里scope.id $显示未定义

我的MVC路由只是默认路由

编辑 角路线

aoeapp.config(function ($routeProvider) { 
    $routeProvider.when('/', { 
     controller: 'HomeController', 
     templateUrl: 'Pages/Home.html' 
    }).when('/Exam/:id', { 
     controller: 'ExamController', 
     templateUrl: 'Pages/Exam.html' 
    }).when('/Test/:id', { 
     controller: 'TestController', 
     templateUrl: 'Pages/Test.html' 
    }).otherwise({ redirectTo: '/' }); 
}); 

Answer 1

我有一个类似的问题，在我的角度路线被路由到我的MVC控制器。我固定它使用一个包罗万象的路线：

这条路线添加到您的App_Start/RouteConfig.cs：

routes.MapMvcAttributeRoutes(); 
routes.MapRoute(
    name: "Angular", 
    url: "Exam/{*url}", 
    defaults: new {controller = "Angular", action = "Index" } 
); 

用下面的动作在Controllers/AngularController.cs文件：

[Route("Exam/{*url}")] 
public ActionResult Index() 
{ 
    return View(); 
} 

这应该拦截对/Exam所有呼叫并将它们重定向到您的Angular路由器。您可能必须使用Route属性名称来玩一个小号。

Answer 2

我用不同的方法解决了这个问题。我创建了一个ViewBag变量来存储查询字符串或id，也可以使用model，然后将它传递给角度方法。

Razor视图

<form name="ExamForm" ng-init="$scope.setQueryStringToScopeId(@ViewBag.Id)"> 
    .... 
</form> 

角控制器

aoeapp.controller('ExamController', function ($scope, examservice) { 

    $scope.id = 0; 
    $scope.setQueryStringToScopeId = function(id) { 
     $scope.id = id; 
    }; 
    .... 
}); 

MVC控制器

public ActionResult Exam() 
{ 
    ViewBag.Id = Request.QueryString["Id"]; 
    return View(); 
} 

：您可以通过代码会更清楚地了解本

您也可以直接在您的Razor View中使用查询字符串。让我知道这是否适合你。