Ionic - 禁用视图过渡动画，但仅适用于单个视图

Question

如何完全禁用某个视图的过渡动画？

我不想：

• 禁用与配置整个应用程序
• 使用navTransition指令，它只是黑客的下一个过渡和点击时元素只适用：https://github.com/driftyco/ionic/blob/e2727d2e8f0815c3418e1fc29c92e2180e513408/js/angular/directive/navTransition.js

理想情况下，我正在寻找要设置的属性ion-view或ion-nav-view

Answer 1

ui-view支持noanimation="..."，但它并没有在离子

我能找到的唯一工作：

HTML

<ion-nav-view> 
    <link ng-href="css/styleSlide.css" rel="stylesheet" /> 

styleSlide.css

/* untested */ 
[nav-view-transition="ios"] [nav-view="entering"], 
[nav-view-transition="ios"] [nav-view="leaving"] { 
    -webkit-transition-duration: 0ms; 
    transition-duration: 0ms; 
} 

Answer 2

从回答malix是一个很好的方向迈出的一步，但是我有不需要这样的条件CSS。我结束了使用的是离子视图元素ID，我用：

#header-sub-content ion-view[nav-view="entering"] { 
    transition-duration: 0ms; 
} 

#header-sub-content ion-view[nav-view="leaving"] { 
    transition-duration: 0ms; 
} 

然而，这留下一个稍显陌生闪烁效果，我没有刻意去解决，因为我acually需要的是隐藏正在离开的动画只显示“进入”的动画：

#header-sub-content ion-view[nav-view="entering"] { 
    display: block; 
} 

#header-sub-content ion-view[nav-view="leaving"] { 
    display: none; 
}