将AngularJS与ASP.NET MVC一起使用ng-repeat在表中为空

我有一个HTML表，如下所示：

   <div class="form-group" ng-controller="GetStudentController">
            <table class="table table-responsive table-bordered table-hover form-group">
                <thead>
                    <tr>
                        <td>
                            Student ID
                        </td>
                        <td>
                            Ime
                        </td>
                        <td>
                            Prezime
                        </td>
                    </tr>
                </thead>
                <tbody>
                    <tr data-ng-repeat="s in data track by $index">
                        <td>
                            {{s.StudentID}}
                        </td>
                        <td>
                            {{s.Ime}}
                        </td>
                        <td>
                            {{s.Prezime}}
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

我为实验设置了小型角度模块/服务和控制器。作为后端服务，我使用C＃，作为前端服务，我使用AngularJS来获取我的数据并将其显示在视图上，如下所示：

var app = angular.module("myApp", []);

app.service("GetStudentsService", function ($http) {
    this.getData = function ()
    {
        return $http({
            metod: "GET",
            url: "/Home/GetStudent"
        }).success(function (data) {
            return data;
        }).error(function () {
            alert("error");
            return null;
        });
    }
});
app.controller("GetStudentController", function ($scope, GetStudentsService) {
    $scope.data = null;
    GetStudentsService.getData().then(function (response) {
        $scope.data = response;
    });
});

这是我的服务：

  public JsonResult GetStudent()
        {
            return new JsonResult { Data = Connection.dc.Students.ToList(), JsonRequestBehavior = JsonRequestBehavior.AllowGet };
        }

Angular可以正常获取数据，但是没有将其绑定在{{}}括号内...我已经在控制台中检查了错误的迹象，但似乎没有什么错...该表显示如下：

有谁知道为什么会这样吗？：/