查看模板未使用$ 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:'/'});