1

アプリのメインメニューからボタンをクリックした後、戻るボタンを表示し、タブ付きページにスムーズに移行することに問題があります。

ボタンをクリックした後に単純なビューにリダイレクトする場合:

NON-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>
4

2 に答える 2

0

これはバグであり、まだ解決されていません。 https://github.com/driftyco/ionic/issues/2997

回避策は、css スタイルを使用するだけで独自のタブ ビューを実装することだと思います。

于 2015-08-25T00:02:37.800 に答える