为什么 angularJs 路由和动画会跳过我的第二次重定向？

Question

angular 的新手并尝试路由和动画来处理我的页面转换。按照 this 非常有用的指南进行设置。

我的问题是这样的：

当我尝试 link 返回目标网页（上例中的 home.html ）时，它不起作用，我发现如果我使用，而不是使用 href="#" href="#/" 它起作用了。 link页面之间的导航也是如此，例如两个二级页面之间的导航。

我是这样工作的，但我有两个问题。在二级页面上时，该页面和另一个二级页面之间的动画第一次被切断。每隔一段时间它工作正常。

此外，添加位置提供程序以启用 html5 重定向似乎破坏了我的代码。

我在这里忽略了什么？

尝试制作 plunkr 但失败了。 Here's the dev site. 如果您单击第一个图块然后 "two" 您可以看到动画被跳过。

和一些片段

app.config(function($routeProvider) {

    $routeProvider
                                                            //ADD HTML5 REDIRECTING BREAKS SITE IN LOCALHOST AND REMOTE
        // home page
        .when('/', {
            templateUrl: 'landing.html',
            controller: 'homeController'
        })

        // about page
        .when('/test', {
            templateUrl: 'test.html',
            controller: 'aboutController'
        })

        // contact page
        .when('/two', {
            templateUrl: 'two.html',
            controller: 'contactController'
        });

});


// home page controller
app.controller('homeController', function($scope) {
    $scope.pageClass = 'page-landing';
});

// page one controller
app.controller('aboutController', function($scope) {
    $scope.pageClass = 'page-test';
});

// page two controller
app.controller('contactController', function($scope) {
    $scope.pageClass = 'page-two';
});

&

<!-- test doc -->
<div style="background-color: #b5b5b5;">Hello World!
    <a href="#/">bring me home</a>
    <a href="#two/">two</a>
</div>

使用 angular 1.3.15 顺便说一句。

提前致谢！！

Answer 1

When on a second level page the animation between that page and another second level page gets cut off the first time. Every other time it works fine.

听起来这是一个 networking/caching 问题。那篇文章的评论区有人有类似的问题，作者的回答是：

I think that the request to get the page probably took too long. So the request goes out and then the animation has already run its course so it doesn't show.

There's probably a few ways you could fix this. Only activate animations after receiving a successful page or speeding up your server so that everything works quickly. I'll have to look into it further.

为什么 angularJs 路由和动画会跳过我的第二次重定向？

Why is angularJs route and animate skipping my second redirect?

html

javascript

animation

angularjs

angular-routing