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

Question

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

我不想：

• 使用配置
禁用整个应用
• 使用navTransition指令，该指令简单地破坏下一个转换，并且仅在单击时对元素起作用：https://github.com/driftyco/ionic/blob/e2727d2e8f0815c3418e1fc29c92e2180e513408/js/angular/directive/navTransition.js

理想情况下，我正在寻找要在ion-view或ion-nav-view

上设置的属性

Answer 1

ui-view支持noanimation="..."，但它不适用于 ionic

我唯一能找到的是：

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;
}

然而，这留下了一个稍微奇怪的闪烁效果，我没有费心去解决，因为我真正需要的是隐藏正在离开的动画，只显示“进入”的动画：

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

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