Шаблоны представлений не отображаются с помощью $ routeProvider

Question

Я пытаюсь переключить представления для разных маршрутов.Я начал с этой очень простой настройки.Но мои шаблоны просмотра не отображаются вообще.Там нет ошибок, хотя.Вот мои файлы Файл js, определяющий маршруты.

var var mainapp = angular.module("routing", ['ngRoute']);
mainapp.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
$locationProvider.hashPrefix('');
$routeProvider.when('/students', { templateUrl: 'students.html', controller: 'students' })
              .otherwise({redirectTo:'home.html'});
}]);
mainapp.controller('students', ['$scope',function ($scope) {
$scope.message = "Hello,This is students controller";
}]);

Шаблоны просты для понимания цели

Students.js

<div class="container">
{{message}}
</div>

Я пыталсячтобы сохранить файлы шаблона HTML в разных папках и пытается, но я не мог отобразить результат.Поэтому пока я все храню в папке Scripts.Структура проекта является очень простой и простой. Я использую Visual Studio 2012 (пробовал на VS 2017, с версией anngularjs 1.6.2

Answer 1

Вам необходимо указать путь для templateUrl.Похоже, что в противном случае это немного не так.Вы сказали, что ваши HTML-файлы находятся в папке Scripts, поэтому мой код основан на этом.Это должно работать для вас, если не происходит что-то еще.

$routeProvider.when('/', { templateUrl: 'Scripts/home.html' })
              .when('/students', { templateUrl: 'Scripts/students.html', controller: 'students' })
              .otherwise({redirectTo:'/'});