ng enter和ng使动画无法使用离子视图

时间:2015-09-15 06:51:15

标签: ionic

如何在离子视图中使用ng-enterng-leave动画?

<ion-view class="kitchenmenu"></ion-view>

CSS:

.kitchenmenu{background:yellow}

.kitchenmenu.ng-leave      {
  -webkit-animation: animated slideInDown 0.5s both ease-in;
  -moz-animation:animated slideInDown 0.5s both ease-in;
  animation: animated slideInDown 0.5s both ease-in;
}
.kitchenmenu.ng-enter    { 
  -webkit-animation:animated slideInUp 0.5s both ease-in;
  -moz-animation:animated slideInUp 0.5s both ease-in;
  animation:animated slideInUp 0.5s both ease-in;  
}

但上述方法无效。我尝试添加ng-view指令,但没有帮助。

0 个答案:

没有答案