Укажите переход на анимацию по щелчку

Question

У меня есть приложение Ionic, и я бы хотел, чтобы указать, как происходит переход, когда пользователь нажимает на клик ui-sref. В настоящее время, если я нажму на кнопку Scientific Facts, переход слайда к следующему представлению идет справа налево. Мне бы очень хотелось, чтобы он мог идти слева направо. Есть ли способ сделать это с помощью Иона?

Моя домашняя страница.

<view title="'Home'"> 
    <content has-header="true" padding="true"> 
     <p>Example of Ionic tabs. Navigate to each tab, and 
     navigate to child views of each tab and notice how 
     each tab has its own navigation history.</p> 
     <p> 
     <!-- Link is here --> 
     <a class="button icon icon-right ion-chevron-right" href="#/tab/facts">Scientific Facts</a> 
     </p> 

     <button class="button" ng-click="modal.show()">Open Modal</button> 
    </content> 
    </view> 

факты страница

<view title="'Facts'"> 
    <content has-header="true" padding="true"> 
     <p>Banging your head against a wall uses 150 calories an hour.</p> 
     <p>Dogs have four toes on their hind feet, and five on their front feet.</p> 
     <p>The ant can lift 50 times its own weight, can pull 30 times its own weight and always falls over on its right side when intoxicated.</p> 
     <p>A cockroach will live nine days without it's head, before it starves to death.</p> 
     <p>Polar bears are left handed.</p> 
     <p> 
     <a class="button icon ion-home" href="#/tab/home"> Home</a> 
     <a class="button icon icon-right ion-chevron-right" href="#/tab/facts2">More Facts</a> 
     </p> 
    </content> 
    </view> 

маршрутов раздел здесь.

.config(function($stateProvider, $urlRouterProvider) { 
    $stateProvider 

    .state('tabs', { 
    url: "/tab", 
    abstract: true, 
    templateUrl: "tabs.html" 
    }) 
    .state('tabs.home', { 
    url: "/home", 
    views: { 
     'home-tab': { 
     templateUrl: "home.html", 
     controller: 'HomeTabCtrl' 
     } 
    } 
    }) 
    .state('tabs.facts', { 
    url: "/facts", 
    views: { 
     'home-tab': { 
     templateUrl: "facts.html" 
     } 
    } 
    }) 
}) 

У меня есть пример кода here.

Answer 1

Директива navDirection позволяет вам установить направление навигации по конкретной ссылке. Использование:

<a class="button icon icon-left ion-chevron-left" href="#/tab/facts" nav-direction="back">Scientific Facts</a> 

Убедитесь, что вы используете ионическую версию 1.0+.

Plunkr