Question

我的问题可能有点强，因为我还没有找到任何其他类似的案例。

我想要执行视图动画，但并非总是如此。到目前为止，我有.css格式的动画：

.view.ng-enter{
    animation: view_enter @anim-view-dur;
}

.view.ng-leave{
    animation: view_leave @anim-view-dur;
}

因此，当我从一个页面转到另一个页面时，它会被执行。

我不希望应用动画视图的确切情况是在我有一个ScrollSpy Bootstrap边栏工作的页面中。由于它在一个视图中，我不得不使用函数执行锚点链接：

$scope.scrollTo= function (id){ 
        $location.hash(id);
        $anchorScroll();
    };

当调用此函数时，它会触发视图动画。在这种情况下，有没有办法防止触发视图动画？

非常感谢。

Answer 1

这对我有用：

// Routes config
app.config(function($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl : "main.htm"
        controller : "MyController"
        reloadOnSearch : true         
    })
});

您也可以在router-ui

中使用此功能

AngularJS：如何有条件地应用视图动画？

1 个答案: