Question

我正在制作单页应用。

一切正常，除了一件事，当我尝试在我的路线中使用Params时，它会破坏一切，我会得到一个白色的死亡屏幕。 HTML代码仍然在后台，因为我可以通过＆＃34;查看来源看到它。＆＃34;

这是有效的：

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'
    });
});

但是，当我这样做时，它会中断（死亡的白屏，控制台说＆＃34;语法错误，意外令牌＆lt;＆＃34;：

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'
    });
});

代码完全相同，但我添加了一个参数:token。我已经通过添加：FallbackResource /index.html更改了apache2配置。

我真的迷失了可能导致死亡语法错误的白屏的原因，因为我正在做这本书的所有内容。

在我的前端我使用这些脚本（在HTML页面的底部加载）：

<!-- Angular JS -->
    <script src="js/angular.min.js"></script>
    <script src="js/angular-route.min.js"></script>
    <script src="js/loading-bar.js"></script>

这是错误的语法吗？我错过了任何角度模块吗？任何有关导致此问题的帮助都将不胜感激......

角度路由：白色死亡屏幕

0 个答案: