2016-08-17 5 views
0

私はIonic Frameworkとタブを使用します。IonicはタブCからタブBにナビゲートします。子B1は戻るボタンなしとなります

IはタブCにタブB>子B1から移動したいと思い、それは(Bビューに)なし戻るボタンになります。

私はhref,ui-srefおよびstate.go()という方法を使用しました...常に同じです!戻るボタンはありません。

$scope.gogo = function(){ 
    $state.go('tab.recap', {chatId: 2}); 
}; 
<button ng-click="gogo()">Go yeahhhh</button>

OR

<a ui-sref="tab.recap({postId:2})">aze</a> 

OR

<a href="#/tab/projets/2">aze</a> 

そして、これはどのように私のルートです:

$stateProvider 
    .state('tab', { 
     url: '/tab', 
     abstract: true, 
     templateUrl: 'templates/tabs.html', 
     controller: 'AppCtrl' 
    }) 
    .state('tab.accueil', { 
     url: '/accueil', 
     views: { 
      'tab-accueil': { 
       templateUrl: 'templates/tab-accueil.html', 
       controller: 'AccueilCtrl' 
      } 
     } 
    }) 

    .state('tab.projets', { // TAB B 
     url: '/projets', 
     views: { 
      'tab-projets': { 
       templateUrl: 'templates/tab-projets.html', 
       controller: 'ProjetsCtrl' 
      } 
     } 
    }) 
    .state('tab.recap', { // TAB B1 
     url: '/projets/:chatId', 
     views: { 
      'tab-projets': { 
       templateUrl: 'templates/recap.html', 
       controller: 'RecapCtrl' 
      } 
     } 
    }) 
    .state('tab.fiche', { // TAB B2 
     url: '/projets/:chatId/:ficheId', 
     views: { 
      'tab-projets': { 
       templateUrl: 'templates/fiche.html', 
       controller: 'FicheCtrl' 
      } 
     } 
    }) 
    .state('tab.notifications', { // TAB C 
     url: '/notifications', 
     views: { 
      'tab-notifications': { 
       templateUrl: 'templates/tab-notifications.html', 
       controller: 'NotificationsCtrl' 
      } 
     } 
    }) 
    .... 

編集:これは正常な状態です。私はそれを行うときに戻るボタンである必要はありません。 しかし、私は手動でバックボタンがないかどうかを手動で確認して手動で入れることができますか?

あなたのテンプレートに<ion-navbar>//do what you want here</ion-navbar>ディレクティブを追加することにより、デフォルトの動作をオーバーライドすることができます

答えて

0

ありがとう、この投稿はtopicについての詳細を説明します。私はいつかイオンで働いたことはありませんが、最後に私がやったことは、上記のことをやっていればうまくいきました。それがどうなっているのか教えてください。

0

オクラホマので、成功はそれを行うためにwhithout私がしようとしている:私はB1を表示するビューCから移動すると、私はこのB1ビューで$ ionicHistory.backView()ステート名を探してい
。 (通常の方法で、それは「tab.projets」です)

if($ionicHistory.backView().stateName != "tab.projets") 
    { 
     $scope.display_custom_back_button = true; 
    } 

それは(それが正しく検出さ)に動作しますが、どのように私は今、私の見解で[戻る]ボタンを私のカスタムを表示することができますか?

<ion-view view-title="{{chat.name}}"> 
    <ion-content class="padding"> 
    <img ng-src="{{chat.face}}" style="width: 64px; height: 64px"> 
    <p> 
     <a href="#/tab/projets/{{chat.id}}/1111"> {{chat}} {{chat.lastText}}</a> 
    </p> 
    </ion-content> 
</ion-view> 
関連する問題