Angular js ngRoute 不工作？

Question

嗨，我正在学习 angular js。我使用的是 angular 1.5.6 版本。这是我的代码

<!DOCTYPE HTML>
<html ng-app="NoteWrangler">
    <head>
        <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    </head>
    <body>
        <script type="text/javascript" src='/NoteWrangler/javascript/vendor/angular.min.js'></script>
        <script type="text/javascript" src='/NoteWrangler/javascript/vendor/angular-route.js'></script>
        <script type="text/javascript" src='/NoteWrangler/javascript/route.js'></script>

        <a href="#/genere">Genere</a>
        <a href="#/instruments">Instruments</a>
        <div ng-view></div>
    </body>
</html>

我的 javascript 文件

angular.module('NoteWrangler',['ngRoute']).config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider){
    $routeProvider.when('/genere',{
        templateUrl: '/template/genere/index.html'
    })
    .when('/instruments',{
        templateUrl: '/template/instruments/index.html'
    }).otherwise({
        redirectTo: '/template/genere/index.html'
    });
}]);

我正在按照他们在教程中教授的方式进行操作，但我无法重新路由到 templateUrl。我在这里做错了什么？我没有在控制台中发现任何错误。我在每个教程中搜索他们都做同样的事情。我不知道我在这里做错了什么。有人可以帮我解决这个问题吗？

Answer 1

删除 templateUrl 中的第一个斜杠，例如：/template/genere/index.html 到 template/genere/index.html

Angular js ngRoute 不工作？

Angular js ngRoute is not working?

angularjs

angularjs-ng-route