Question

当我点击列表项时，我正试图在动画中实现一个简单的幻灯片。我尝试了几个像

这样的建议

<ion-nav-view animation="slide-left-right">

或为 ionic.css

中的特定类定义ng-enter和ng-leave

.antrag.ng-leave      {
-webkit-animation: animated slide-in-up 0.5s both ease-in;
-moz-animation:animated slide-in-up 0.5s both ease-in;
animation: animated slide-in-up 0.5s both ease-in;
}
.antrag.ng-enter    { 
-webkit-animation:animated slide-in-up 0.5s both ease-in;
-moz-animation:animated slide-in-up 0.5s both ease-in;
animation:animated slide-in-up 0.5s both ease-in;  
}

并将该类添加到我的离子视图中，该视图应该在

中滑动

<ion-view class="antrag" title="showAntrag" ng-controller="showAntragCtrl">
...
</ion-view>

它都不起作用。我使用“tabs”初始化离子应用程序，我使用“离子服务”进行测试，列表项列表看起来像那样

<ion-list>
  <ion-item class="item item-icon-left item-icon-right" ng-repeat="antrag in response" href="#/page2/{{$index}}">
    <i class="icon ion-android-calendar"></i>
    <i class="icon ion-chevron-right"></i>
    {{antrag.Anfang +' - '+ antrag.Ende}}
  </ion-item>
</ion-list>

任何帮助将不胜感激！

离子简单幻灯片左右动画不起作用

0 个答案: