ASP.NET MVC и AngularJS маршрутизация не работает

Question

Я работаю на сайте ASP.NET MVC с AngularJS 1.7.5 Поэтому я создал простой проект MVC и добавил в решение angularJS. Чем я создал файл routing.js:

var app = angular.module("MyApp", ["MyApp.controllers","ngRoute"])
    .config(function ($routeProvider, $localProvider) {
        $routeProvider
            .when("#!/", {
                redirectTo: function () {
                    return "/home";
                }
            })
            .when("/", {
                templateUrl: "/home/index",
                controller: "HomeController"
            })
            .when("/contact", {
                templateUrl: "/Home/Contact",
                controller: "ContactController"
            })
            .when("/About/:id", {
                templateUrl: "/Home/About",
                controller: "BlogController"
            })
            .otherwise({
                templateUrl: "Home/Index",
                controller: "HomeController"
            })

        //$localProvider.html5Mode(true).hashPrefix("!");
        $localProvider.hashPrefix("");
    })

и я хочу вызвать * .cshtml файлы из папки Views, но теперь она не работает ...

в индексном файле у меня 4 ссылки

Index.cshtml:

@{
    ViewBag.Title = "Home Page";
}

@section scripts
{
    <script src="~/Scripts/JSControllers/MyApp.js"></script>
}

<a href="#/">Home</a>
<a href="#/">Home2</a>
<a href="#/contact">Contact</a>
<a href="#/About/2">Blog id 2</a>

<div ng-view></div>

Так может ли кто-нибудь указать мне на то, что я делаю неправильно?