Анимация и сохранение истории для страницы с вкладками

Question

Анимация и сохранение истории для страницы с вкладками

0

Я только начинаю с Ionic, и у меня запуталась проблема; У меня есть пара страниц, настроенных (Свойства, Тест и Xyzzy), настроенные следующим образом в маршрутизаторе:

$stateProvider

    .state( 'properties', {
        url: '/properties',
        templateUrl: 'templates/properties.html',
        controller: 'PropertiesController'
    } )

    .state( 'test', {
        url: '/test',
        abstract: true,
        templateUrl: 'templates/test.html',
        controller: 'TestController'
    } )
    .state( 'test.one', {
        url: '/one',
        views: {
            'one-tab': {
                templateUrl: 'templates/test-one.html',
                controller: 'TestController'
            }
        }
    } )
    .state( 'test.two', {
        url: '/two',
        views: {
            'two-tab': {
                templateUrl: 'templates/test-two.html',
                controller: 'TestController'
            }
        }
    } )

    .state( 'xyzzy', {
        url: '/xyzzy',
        templateUrl: 'templates/xyzzy.html',
        controller: 'XyzzyController'
    } );

По существу, есть две простые и простые страницы (Свойства и Xyzzy) и одна страница с вкладками (Тест). Шаблоны для каждой страницы очень просты и выглядят так: Properties, Xyzzy и Test

Достаточно объяснить, вот проблема: как вы можете видеть, страница Xyzzy обнаружила, что я перешел к ней со страницы "Свойства" и дал мне хорошую кнопку "Назад". Он не отображается, если я перехожу на тестовую страницу (с вкладками). Код для этого:

<ion-nav-bar class="bar-positive">
    <ion-nav-back-button></ion-nav-back-button>
</ion-nav-bar>

Кроме того, когда я перемещаюсь между Properties и Xyzzy, страница скользит влево/вправо в приятной анимации, которая выглядит чистой. Однако, когда я перехожу на тестовую страницу, никакого перехода вообще нет, и я не выхожу из него.

Я потратил пару часов на поиск Google, но не смог найти ничего, что могло бы повлиять на переходы на вкладках. Есть идеи?

Обновление: здесь код, который создается в виде просмотров (в index.html):

<body ng-app="app">

<ion-nav-bar class="bar-positive">
    <ion-nav-back-button></ion-nav-back-button>
</ion-nav-bar>

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

</body>

Joe 06 окт. 2015, в 10:56

Источник

Теги:

angularjs

ionic

1 ответ

Ещё вопросы

user4458571 · Answer 1 · 2015-10-06T09-59-00.000Z

для перехода вы можете использовать

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

для ваших страниц

Я попробовал это, и похоже, что добавление name="main" приводит к загрузке контента, а добавление animated="slide-left-right" меняет функциональности - я добавил свой index.html в первый пост, если это помогает