Ионная кнопка "Назад" не отображается на вкладке и отсутствует анимация

Question

У меня проблема с отображением кнопки "Назад" и плавным переходом на страницу с вкладками после нажатия кнопки в главном меню приложения.

Если я перенаправлен на простой вид после нажатия кнопки:

НЕ TABBED-VIEW (работает нормально)

  .state('dailystats', {
          url: '/daily-stats',
          views: {
              '': {
                  templateUrl: 'templates/daily-stats/daily-stats.html',
                  controller: 'DailyStatsCtrl'
              }
          }
    })

Правильно ли отображаются кнопки перехода и возврата.

Но если я хочу перейти на страницу с вкладками после нажатия на кнопку на домашней странице в перенаправленном виде без анимации и без возможности вернуться на домашнюю страницу, используя значок стрелки влево назад в заголовке страницы с вкладками.

Как я могу добавить переход и кнопку возврата в эти вкладки?

Я пытался найти какое-либо решение (используя шаблоны сценариев и т. Д.), Но безуспешно.

Большое спасибо за любую помощь.

TABBED-VIEW (не работает анимация и стрелка назад)

 .state('tabplannedcalls', {
      url: "/tabplannedcalls",
      abstract: true,
      templateUrl: "templates/tabs/planned-calls.html"
    })
    .state('tabplannedcalls.list', {
          url: '/list',
          views: {
              'tab-planned-calls-list': {
                  templateUrl: 'templates/call-planning/list.html',
                  controller: 'PlannedCallsCtrl'
              }
          }
    })
    .state('tabplannedcalls.new', {
          url: '/new',
          views: {
              'tab-new-planned-call': {
                  templateUrl: 'templates/call-planning/new-planned-call.html',
                  controller: 'PlannedCallsCtrl'
              }
          }
     })

Шаблон вкладки:

<ion-tabs class="tabs-positive  tabs-icon-top" animation="slide-left-right">
  <!-- List of planned calls tab-->
  <ion-tab title="List" icon="icon ion-home" href="#/tabplannedcalls/list" >
    <ion-nav-view name="tab-planned-calls-list"></ion-nav-view>
  </ion-tab>

    <!--New planned call tab-->
  <ion-tab title="New planned call" icon="icon ion-gear-b" href="#/tabplannedcalls/new">
    <ion-nav-view name="tab-new-planned-call"></ion-nav-view>
  </ion-tab>
</ion-tabs>

Шаблон списка включен во вкладку:

<ion-view title="Planned calls">
  <ion-content class="padding" >
      <!--WRITEOUT OVERAL STATS FOR DAYS -->
      <div class="list" ng-controller="PlannedCallsCtrl"  >
          <div class="item item-button-right" ng-repeat="plannedCallItem in plannedCalls">
              {{plannedCallItem.contact_name}}
              <button class="button button-positive">
                  <i class="icon ion-ios7-telephone"></i>
              </button>
          </div>
      </div>

  </ion-content>
</ion-view>

Answer 1

Это ошибка и до сих пор не решена. https://github.com/driftyco/ionic/issues/2997

Я думаю, что обходной путь заключается в реализации собственного представления вкладок, просто используя стили CSS.

Answer 2

Я думаю, что это может вам помочь. Проверьте это ( http://ionicframework.com/getting-started/) и попробуйте приложение с примерами вкладок, которое для установки используйте ionic start myApp tabs,