Как сделать datatable полученным из databse в ASP.NET веб-форма доступна для модели angularjs в виде данных json, чтобы я мог изменить таблицу на странице aspx?

---

У меня очень ограниченные знания о asp.net веб-форма.
на странице code behind, на событии нажатия кнопки, я буду извлекать данные с помощью ado.net адаптер данных и присвоить данные моему объекту (скажем, сотруднику). теперь я должен передать этот список сотрудников с моей страницы aspx.cs в angular js в качестве объекта модели, чтобы я мог визуализировать таблицу с помощью директивы angular и делать фильтры на ней, а что нет.

Но моя проблема заключается в том, как передать эти данные в виде json в angular JS.

Я знаю, что могу достичь этого, создав веб-сервисы или веб-api или даже asp.net mvc, но я ограничен в создании нового проекта на любом из этих архитекторов.

Как мне этого добиться, пожалуйста, помогите мне.

Что я уже пробовал:

namespace WebForm1
{
    public partial class Demo : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        public string PassJsonData()
        {
            List<Report> reports = new List<Report>();

            using(ReportContext context = new ReportContext())
            {
                reports = context.Reports.ToList();
            }

            string jsonString = string.Empty;

           jsonString = JsonConvert.SerializeObject(reports);

            return jsonString;
        }
    }
}

И в моем файле javascript :

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

app.controller("ReportController", function ($scope, $http) {

    $scope.GetData = function () {
        
        var url = "/Demo.aspx/PassJsonData"
        $http.Get(url).then(function (response) {

            $scope.report = response.data;
        });
    };

});

---