javascript - Angular View 未加载

Question

我不确定自己做错了什么，但我无法弄清楚为什么我的 View 未加载。

我有这个 JavaScript:

angular.module('Console', ["ngRoute"]).config(function($routeProvider, $locationProvider){
    $routeProvider.when('/admin/leaderboard', {
        templateUrl: 'leaderboard.html',
        controller: 'MainContent',
        controllerAs: "app"
    }).otherwise({
        templateUrl: 'default.html',
        controller: 'DefaultCtrl',
        controllerAs: "app"
    });
    $locationProvider.html5Mode(true);
}).controller('MainContent', function($scope){
    var self = this;
    self.message = "The app routing is working!";
    alert("I am running");
});

使用此 HTML:

<div class="container-fluid" style="margin-top: 15px;" ng-app="Console">
    <div class="row">
        <div class="col-sm-12">
            <ng-view></ng-view>
        </div>
    </div>
</div>

当我加载页面时，警报会显示，但模板不会加载，甚至不会发出针对模板的 ajax 请求。我是否做错了什么，或者我错过了什么？

Answer 1

我明白了，我需要改变这个:

$locationProvider.html5Mode(true);

对此:

$locationProvider.html5Mode({
    enabled: true,
    requireBase: false
});