Ansicht wird nicht geladen in Asp.net eckige App. Angular Routing mit Asp.net mvc

Question

Ich versuche, eine einfache Ansicht in ASP.NET AngularJs App zu routen, aber die Ansicht wird nicht im Browser geladen ngView ist im Browser auskommentiert.

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> 
</ 

Ergebnisse

Answer 1

entfernen $ signieren Sie von Ihren $routeProvider Routeneigenschaften.

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

Hinweis: Wenn Sie mit Projekt .NET MVC, you can't access html files directly from views folder. Ich würde empfehlen, einen neuen Ordner zu erstellen und dort statische HTML-Dateien anzulegen.