我不确定我做错了什么,但我无法弄清楚为什么我的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 :(得分:1)
我明白了,我需要改变它:
$locationProvider.html5Mode(true);
到此:
$locationProvider.html5Mode({
enabled: true,
requireBase: false
});