如何从少量离子视图中删除动画

时间:2015-03-18 20:46:08

标签: angularjs ionic-framework ionic

我正在使用此应用,我想要菜单+标签.. 我已经在codepen上看到了一个例子,并尝试实现它。所以链接“寻找第二个seaction” http://codepen.io/kmartinezmedia/pen/mFdkB

但它没有像它想象的那样工作..

我使用下面的页面作为一个标签和同一个页面,在另一个标签上显示不同的内容,我希望没有动画让人觉得只有内容发生了变化。

我认为如果有任何方法可以从此视图中删除动画,它将起作用.... 或任何其他方式,...我试图从6小时解决这个问题,

<ion-view class="tech-view" ng-controller="hrlDetailCtrl" view-title="C Language">
 <ion-nav-bar class="bar-balanced big-bar" animation="no-animation" >
      <ion-nav-back-button>
      </ion-nav-back-button>
 </ion-nav-bar>

 <div class="tabs-background-balanced tabs-color-light" style="padding:0px;margin:0px;"  >
     <div class=" bar bar-subheader tabs  tabs-icon-top" style="box-shadow: 0 2px 5px rgba(0,0,0,.26);">
         <a nav-clear class="tab-item disable-user-behavior active" title="Home" nav-clear  ui-sref="app.c">
        <i class="icon ion-ios-book "></i>
               Topic
         </a>
         <a nav-clear class="tab-item disable-user-behavior" title="Chat" nav-clear ui-sref="app.cpro">
        <i class="icon ion-code"></i>
              Programs
        </a>
        <a nav-clear class="tab-item disable-user-behavior" title="Drink" nav-clear ui-sref="app.cques">
        <i class="icon ion-document-text"></i>
              Ques / Ans
         </a>
     </div>
 </div>

  <ion-content class="padding spc-from-subheader" name="tabContent" animation="no-animation">   
      <div  ng-controller="hrlistCtrl">    
           <div class="sub-topics-list"   ng-repeat="hrl in hrlist | limitTo: 29 | limitTo: -14" class="my-item item-icon-left">
               <a class="item item-icon-right " animation="no-animation" href="#/app/ct/{{hrl.id}}" style="border-width:0;border-style:none;background-color:#1E824C;">
                  <div class="has-border">
                 <h3 style="background-color:#1E824C;color:white">{{hrl.title}}</h3>
                  </div>
                  <i class="icon ion-ios-arrow-right"> </i>
              </a>
           </div>
      </div>
  </ion-content>

2 个答案:

答案 0 :(得分:4)

尝试使用配置禁用:

$ionicConfigProvider.navBar.transition('none');

答案 1 :(得分:4)

这适用于Ionic 1.3.20。

angular.module('YOUR_APP_NAME_HERE').config(function($ionicConfigProvider) {
  $ionicConfigProvider.views.transition('none');
});

http://ionicframework.com/docs/api/provider/$ionicConfigProvider#views.transition