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

AngularJS: How to conditionally apply view animations?

本文关键字：应用 视图 动画 有条件 AngularJS      更新时间：2023-09-26

我的问题可能有点激烈，因为我还没有发现其他类似的情况。

我想执行视图动画，但不总是。到目前为止，我已经有了.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();
    };

当调用此函数时，它将触发视图动画。在这种情况下，有什么方法可以防止触发视图动画吗？

非常感谢。

这对我有用：

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

你也可以在路由器ui 中使用它

相关文章：