2015-05-16 82 views
0

我不知道我在做什麼不正確,但我不明白爲什麼我的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請求模板甚至沒有製作。我做錯了什麼,或者我錯過了什麼?

+0

您有重複的'MainContent'控制器實例,在'$ routeProvider',並通過'NG-控制器'。這裏應該是 –

+0

之一,我從html中刪除了一個,我認爲這是將兩者綁定在一起,所以我猜不是......我對Angular仍然陌生。 –

+0

現在你看不到你的戒備,它不是?你在地址欄中有正確的網址嗎?你看到加載'default.html'模板的嘗試嗎? –

回答

1

我得到了它,我需要改變這樣的:

$locationProvider.html5Mode(true); 

這樣:

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