angularjs - ASP.NET MVC 和 AngularJS 路由不起作用

Question

我正在使用 AngularJS 1.7.5 开发 ASP.NET MVC 站点，因此我创建了简单的 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("");
    })

我想从Views文件夹中调用 *.cshtml 文件，但它现在接缝不起作用......

在索引文件中我有 4 个链接

索引.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>

那么任何人都可以指出我做错了什么吗？

标签： angularjsasp.net-mvc