Javascript 角度路由:死亡的白色屏幕
我正在构建一个单页应用程序 除了一件事之外,一切都很好,当我尝试在我的路由中使用Params时,它破坏了一切,我得到了一个白色的死亡屏幕。HTML代码仍然在后台,因为我可以通过查看源代码看到它 以下是有效的方法:Javascript 角度路由:死亡的白色屏幕,javascript,angularjs,angular-ui-router,apache2,url-routing,Javascript,Angularjs,Angular Ui Router,Apache2,Url Routing,我正在构建一个单页应用程序 除了一件事之外,一切都很好,当我尝试在我的路由中使用Params时,它破坏了一切,我得到了一个白色的死亡屏幕。HTML代码仍然在后台,因为我可以通过查看源代码看到它 以下是有效的方法: app.config(function($locationProvider, $httpProvider, $routeProvider) { $locationProvider.html5Mode(true); $locationProvider.hashPrefix
app.config(function($locationProvider, $httpProvider, $routeProvider) {
$locationProvider.html5Mode(true);
$locationProvider.hashPrefix('!');
var numLoadings = 0;
var loadingScreen = $('<div id="loading-screen"><img src="img/exp_interstitial.gif"/></div>')
.prependTo($('body')).hide();
$httpProvider.interceptors.push(function() {
return {
'request': function(config){
numLoadings++;
loadingScreen.show();
return config;
},
'response': function(response){
if (!(--numLoadings)){
loadingScreen.hide();
}
return response;
}
};
});
$routeProvider
.when('/', {
templateUrl : 'views/select-token.html',
controller : 'selectToken'
})
.when('/purchase-token', {
templateUrl : 'views/purchase-token.html',
controller : 'purchaseToken'
});
});
这是错误的语法吗?我是否缺少任何角度模块?如果您能提供有关导致此问题的任何帮助,我们将不胜感激……请与我们分享您的视图、html和控制器好吗?根据路线的不同,其中一个可能会中断。另外,尝试用/purchase-token/:token替换purchase-token/:token,可能是具有相同结束符的路由。您不再有默认路由。。。您是否正在按定义的路线行驶?
app.config(function($locationProvider, $httpProvider, $routeProvider) {
$locationProvider.html5Mode(true);
$locationProvider.hashPrefix('!');
var numLoadings = 0;
var loadingScreen = $('<div id="loading-screen"><img src="img/exp_interstitial.gif"/></div>')
.prependTo($('body')).hide();
$httpProvider.interceptors.push(function() {
return {
'request': function(config){
numLoadings++;
loadingScreen.show();
return config;
},
'response': function(response){
if (!(--numLoadings)){
loadingScreen.hide();
}
return response;
}
};
});
$routeProvider
.when('/token/:token', {
templateUrl : 'views/select-token.html',
controller : 'selectToken'
})
.when('/purchase-token/token/:token', {
templateUrl : 'views/purchase-token.html',
controller : 'purchaseToken'
});
});
<!-- Angular JS -->
<script src="js/angular.min.js"></script>
<script src="js/angular-route.min.js"></script>
<script src="js/loading-bar.js"></script>