AngularJS中的RouteParams无法正常工作

Question

我正在尝试将一个routeParam传递给我的Angular控制器中的$ http.get，但我没有显示数据。 这是我在下面的内容。我没有正确使用$ routeParams吗？ 链接到JSON数据是http://enrolin.in/test/login.php?p=fetchone&&id=50 我需要动态传递id的值。

这是我的angularJS代码：

            var app = angular
        .module("Demo", ["ngRoute"])
        .config(function ($routeProvider) {
            $routeProvider
                .when("/home", {
                    templateUrl: "templates/home.html",
                    controller: "homeController"
                })
                .when("/courses", {
                    templateUrl: "templates/courses.html",
                    controller: "coursesController"
                })

                .when("/students/:id", {
                    templateUrl: "templates/studentDetails.html",
                    controller: "studentDetailsController"
                })
                .otherwise({
                    redirectTo: "/home"
                })

        })
        .controller("homeController", function ($scope) {
            $scope.message = "Home Page";
        })
        .controller("coursesController", function ($scope) {
            $scope.courses = ["C#", "VB.NET", "ASP.NET", "SQL Server"];
        })

         })
        .controller("studentDetailsController", function ($scope, $http, $routeParams) {
            $http({
                url: "http://enrolin.in/test/login.php?p=fetchone&&id=",
                method: "get",
                params: { id: $routeParams.id }
            }).then(function (response) {
                $scope.stud = response.data;

            })
        })

以下是我的部分页面：

<h1>Student Details</h1>

<table style="border:1px solid black">
<tr>
    <td>Id</td>
    <td>{{stud.id}}</td>
</tr>
<tr>
    <td>Name</td>
    <td>{{stud.name}}</td>
</tr>
<tr>
    <td>email</td>
    <td>{{stud.username}}</td>
</tr>

</table>
<h4><a href="#/students">Back to Students list</a></h4>

我使用ng-inspector检查，当我加载页面时，似乎正在获取数据但不知何故不显示。请帮忙。

工作申请表的链接是http://enrolin.in/test/#/students/50