<ons-tabbar>のメニューを変更するには


タイトルの通り、ons-tabbarのメニュー変更方法を探しております。  
具体的には、A画面からB画面に遷移した際、ons-tabbar内のons-tabタグを  
変更したいと思っております。

もしこの実装方法をご存知でしたら、ご教授のほどお願いいたします。




ng-showを使用してons-tabの表示をON/OFFすれば実現可能ではないでしょうか？  
各コントローラからindexControllerにON/OFFを通知します。

[code]

    <!DOCTYPE HTML>
    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <script src="components/loader.js"></script>
        <link rel="stylesheet" href="components/loader.css">
        <script>
    var app = ons.bootstrap("myApp", ["onsen"]);
    app.controller("indexController", function($scope) {
        // フラグ定義
        $scope.isHome = false;
        $scope.isFav = false;
    
        $scope.$on("isHome", function(e, flag) {
            $scope.isHome = flag;
        });
        $scope.$on("isFav", function(e, flag) {
            $scope.isFav = flag;
        });
    });
    app.controller("homeController", ["$scope", "$rootScope", function($scope, $rootScope) {
        $rootScope.$broadcast("isHome", false);
        $rootScope.$broadcast("isFav", true);
    }]);
    app.controller("favController", ["$scope", "$rootScope", function($scope, $rootScope) {
        $rootScope.$broadcast("isHome", true);
        $rootScope.$broadcast("isFav", false);
    }]);
    app.controller("settingsController", ["$scope", "$rootScope", function($scope, $rootScope) {
        $rootScope.$broadcast("isHome", true);
        $rootScope.$broadcast("isFav", true);
    }]);
        </script>
    </head>
    <body ng-controller="indexController">
    <ons-navigator>
        <ons-tabbar>
            <ons-tab page="home.html" ng-show="isHome" active="true">
                <ons-icon icon="ion-home"></ons-icon>
                <span style="font-size: 12px">Home</span>
            </ons-tab>
            <ons-tab page="fav.html" ng-show="isFav">
                <ons-icon icon="ion-star"></ons-icon>
                <span style="font-size: 12px">Favorites</span>
            </ons-tab>
            <ons-tab page="settings.html">
                <ons-icon icon="ion-gear-a"></ons-icon>
                <span style="font-size: 12px">Settings</span>
            </ons-tab>
        </ons-tabbar>
    
        <ons-template id="home.html">
            <ons-page ng-controller="homeController">
                <ons-toolbar>
                    <div class="center">Home</div>
                </ons-toolbar>
            </ons-page>
        </ons-template>
    
        <ons-template id="fav.html">
            <ons-page ng-controller="favController">
                <ons-toolbar>
                    <div class="center">Fav</div>
                </ons-toolbar>
            </ons-page>
        </ons-template>
    
        <ons-template id="settings.html">
            <ons-page ng-controller="settingsController">
                <ons-toolbar>
                    <div class="center">Settings</div>
                </ons-toolbar>
            </ons-page>
        </ons-template>
    </ons-navigator>
    </body>
    </html>
    
[/code]

