後裔狀態在相同的標籤？

在我的Ionic應用程序中，我有一個顯示人員列表的「主頁」選項卡。每個列表項都有兩個按鈕，一個用於聯繫他們，一個用於顯示他們的信息。後裔狀態在相同的標籤？

我希望做到的是，每個按鈕將用戶帶到特定的人的聯繫或信息頁面，在同一標籤（即主頁選項卡依然突出/選擇，用戶可以刷卡離開向右轉回到主頁）。

這樣做的最佳方式是什麼？

下面是我當前代碼的相關片段。

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>

來源

2017-04-24 RW23

試試這個：

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

來源

2017-04-25 03:13:30 zoly01

後裔狀態在相同的標籤？

回答

相關問題