Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度路由:死亡的白色屏幕_Javascript_Angularjs_Angular Ui Router_Apache2_Url Routing - Fatal编程技术网

Javascript 角度路由:死亡的白色屏幕

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

我正在构建一个单页应用程序

除了一件事之外,一切都很好,当我尝试在我的路由中使用Params时,它破坏了一切,我得到了一个白色的死亡屏幕。HTML代码仍然在后台,因为我可以通过查看源代码看到它

以下是有效的方法:

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>