在 Asp.net 角度应用程序中未加载视图。使用 Asp.net mvc 的角度路由

Question

我正在尝试在 ASP.NET AngularJs 应用程序中路由一个简单的视图，但未在浏览器 ngView 上加载的视图在浏览器中被注释掉了。

JavaScript

(function () {

"use strict";

angular.module("app-trips", ["simpleControls", "ngRoute"])
    .config(function ($routeProvider) {

        $routeProvider.when("/", {
            $controller: "tripsController",
            $controllerAs: "vm",
            $templateUrl: "/views/tripsView.html"
        });

        $routeProvider.when("/editor", {
            $controller: "tripEditorController",
            $controllerAs: "vm",
            $templateUrl: "/views/tripEditorView.html"
        });

        $routeProvider.otherwise({ redirectTo : "/"});
    });

})();

CHTML

@model IEnumerable<App.Models.Trip>
@{
    ViewBag.Title = "Home"; 
}

@section Scripts{ 
    <script src="~/lib/angular/angular.min.js"></script>
    <script src="~/lib/angular-route/angular-route.min.js"></script>
    <script src="~/js/simpleControls.js"></script>
    <script src="~/js/app-trips.js"></script>
    <script src="~/js/tripsController.js"></script>
}

<div ng-app="app-trips">
    <div ng-view></div>
</

结果

Answer 1

从您的 $routeProvider 路由属性中删除 $ 符号。

$routeProvider.when("/", {
    controller: "tripsController",
    controllerAs: "vm",
    templateUrl: "/views/tripsView.html"
});

注意：如果您使用的是 .NET MVC 项目，you can't access html files directly from views folder。我建议创建一个新文件夹并将静态 html 文件放在那里。