角视图未加载

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
});