同じタブの下位ステート？

Question

私のイオニアアプリでは、人のリストを表示する「ホーム」タブがあります。これらの各リストアイテムには、2つのボタンがあります.1つは、連絡先とその情報を表示するためのボタンです。

私が達成したいのは、各ボタンがその特定の人の連絡先または情報ページに同じタブの（つまり、ホームタブはまだ選択/選択されていて、左にスワイプできるホームページに戻るには右から右へ）。

これを実行する最良の方法は何ですか？

以下は、現在のコードの関連するスニペットです。

app.js

.state('tab.home', { 
    url: '/home', 
    views: { 
    'tab-home': { 
     templateUrl: 'templates/tab-home.html', 
     controller: 'HomeCtrl' 
    }, 
    // 'rep-contact': { 
    // templateUrl: 'templates/rep-contact.html', 
    // controller: 'RepContactCtrl' 
    // }, 'rep-info': { 
    // templateUrl: 'templates/rep-info.html', 
    // controller: 'RepInfoCtrl' 
    // } 
    } 
}) 

... 

.state('rep-contact', { 
    url: '/contact', 
    // parent: 'tab.home', 
    templateUrl: 'templates/rep-contact.html', 
    controller: 'RepContactCtrl', 
    params: { 
    name: null 
    } 
}) 

controllers.js

.controller('HomeCtrl', function($scope, $state, $ionicViewSwitcher) { 

... 

    $scope.goToContactPage = function(name) { 
    $ionicViewSwitcher.nextDirection('forward'); 
    $state.go('rep-contact', { name: name }); 
    }; 
}) 

タブ-home.htmlリスト項目ボタン（のみ接触ボタン）

<button class="button button-balanced icon ion-ios-telephone button-contact float-right" ng-click="goToContactPage(rep.name)"></button> 

Answer 1

試着：

 
    .state('tab.rep-contact', { 
     url: '/contact', 
     views: { 
     'tab-home': { 
      templateUrl: 'templates/rep-contact.html', 
      controller: 'RepContactCtrl' 
     }, 
     } 
    })