角度视图未加载

时间:2015-05-16 21:29:03

标签: javascript angularjs

我不确定我做错了什么,但我无法弄清楚为什么我的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请求。我做错了什么,或者我错过了什么?

1 个答案:

答案 0 :(得分:1)

我明白了,我需要改变它:

$locationProvider.html5Mode(true);

到此:

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