Onsen UI　ons-tabbarのhide-tabsの切り替え方法


Onsen UIを使用してアプリの作成しています。  
トップページはタブバーを表示させないで、それ以外のページにタブバーを表示させたいと思っています。

トップページはhide-tabsを使用してタブバーを非表示にしたのですが、非表示にしたタブバーを表示するにはどうしたらよいでしょうか？

非表示  

宜しくお願いします。




うーん、こんな感じなんですかね。

[code]

    ons.bootstrap().controller('MainCtrl', function($scope) {
      $scope.hide = true;
      $scope.push = function() {
        myNavigator.pushPage('new_page.html');
        $scope.hide = false;
      }
      $scope.pop = function() {
        myNavigator.popPage();
        $scope.hide = true;
      }
    });
[/code]

[code]

    <link href="https://cdn.rawgit.com/OnsenUI/OnsenUI/1.3.0-beta/build/css/onsenui.css" rel="stylesheet"/>
    <link href="https://cdn.rawgit.com/OnsenUI/OnsenUI/1.3.0-beta/build/css/onsen-css-components.css" rel="stylesheet"/>
    <script src="https://cdn.rawgit.com/OnsenUI/OnsenUI/1.3.0-beta/build/js/angular/angular.min.js"></script>
    <script src="https://cdn.rawgit.com/OnsenUI/OnsenUI/1.3.0-beta/build/js/onsenui.min.js"></script>
    
    <body ng-controller="MainCtrl">
      <ons-tabbar var="tabbar" hide-tabs="{{hide}}">
        <ons-tabbar-item
          icon="home"
          label="Home"
          page="navigator.html"
          active="true"></ons-tabbar-item>
        <ons-tabbar-item
          icon="comment"
          label="Comments"
          page="page2.html"></ons-tabbar-item>
        <ons-tabbar-item
          icon="gear"
          label="Settings"
          page="page3.html"></ons-tabbar-item>
      </ons-tabbar>
    </body>
    
    <ons-template id="navigator.html">
      <ons-navigator var="myNavigator" page="page1.html">
      </ons-navigator> 
    </ons-template>
    
    <ons-template id="page1.html">
      <ons-toolbar>
          <div class="center">Page1</div>
      </ons-toolbar>
      
      <div style="text-align: center">
          <br />
          <ons-button
              ng-click="push();">
              Push New Page
          </ons-button>
      </div>
    </ons-template>
    
    <ons-template id="new_page.html">
      <ons-toolbar>
        <div class="center">New Page</div>
      </ons-toolbar>
      
      <div style="text-align: center">
        <br />
        <ons-button ng-click="pop();">
       Pop Page
       </ons-button>
      </div>
    </ons-template>
[/code]

