Question

新角度和尝试路线＆amp;动画处理我的页面过渡。按照this非常有用的指南来完成所有设置。

我的问题是这样的：

当我尝试链接到目标网页（上面示例中的home.html）时，它无法正常工作，我发现如果使用href =“＃/”而不是使用href =“＃” 。同样适用于页面之间的链接，例如两个二级页面之间的导航。

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

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

我在这里俯瞰什么？

尝试制作一名傻瓜并失败了。 Here's the dev site.如果您点击第一个图块然后点击“两个”，则可以看到正在跳过的动画。

和一些片段

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>

使用角度1.3.15 btw。

提前谢谢!!

Answer 1

在二级页面上，该页面与另一个二级页面之间的动画第一次被切断。每隔一段时间它都能正常工作。

听起来这是一个网络/缓存问题。该文的评论部分中有人有类似的问题，作者的答案是：

我认为获取页面的请求可能花了太长时间。因此请求结束，然后动画已经运行，因此它不显示。

可能有几种方法可以解决这个问题。仅在收到成功页面或加速服务器后激活动画，以便一切正常。我将不得不进一步研究它。

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

1 个答案: