在离子中打开特定选项卡

Question

我的 'transactions' 页面有 3 个选项卡（资金转账、存款和迷你报表）。
我还有一页包含菜单项。如果单击该项目，要在交易页面中打开特定选项卡。

我尝试了以下方式但没有用，即只打开第一个标签

$scope.openAccountTabs = function(index){
   $state.go("Transactions");
   $ionicTabsDelegate.select(index);
};

Answer 1

好吧，需要做很多改变才能使这个 work.i 已经尝试过这个及其 working.try 这个

1：改变状态定义，通过$stateParams

.state('app.my_tabs', {
        url: "/{id:[a-zA-Z0-9]{1,24}}/{index:[a-zA-Z]{0,12}}",
        cache:false,
        views: {
            'menuContent@app': {
                controller: 'TabCrtl',
                templateUrl: "js/ModelOne/templates/TabView.html"
            }
        }
    })

注意：id as $stateParams 用于传递给与选项卡 UI.

相关的 API.not

2：单击按钮时，传递要打开的标签的索引（0 = 第一个标签，1 = 第二个标签）：

ui-sref="app.my_tabs({id:oneOrder._id,index:1})"

3: 在 Tab UI :place on-select in default 选项卡中，我曾尝试在 ion-tabs 中使用 ng-init ，因此该方法只被调用一次。但它没有用：

 <ion-tabs id="tab_view" class="tabs-top tabs-program tabs-color-positive">
    <ion-tab title="tab1" on-select="selectTabWithIndex()">

4: TabCrtl 中的一些调整:

 var firstIndex = $stateParams.index;
    $scope.selectTabWithIndex = function() {
        if(firstIndex != null) {
            if (firstIndex == 1) {
                console.log("$stateParams.index :" + firstIndex);
                $ionicTabsDelegate.select(1);
            } else {
                $ionicTabsDelegate.select(0);
            }
            firstIndex=null;
        }
    }

注意：firstIndex=null;只是为了停止检查条件，当标签再次clicked.its我的不良逻辑，做自己的ur ..！

那就是它的..hola，它的工作..！祝一切顺利！

在离子中打开特定选项卡

opening a specific tab in ionic

angularjs

ionic