动态隐藏Angularjs中的bs-tabs

Question

我正在使用bs-tabs + AngularJS

代码如下：

<div bs-tabs>
    <div data-title="Tab1">
     ....
    </div>
    <div data-title="Tab2">
     ....
    </div>
    <div data-title="Tab3">
     ....
    </div>
 </div>  

我需要根据某些事件动态隐藏这些标签，比如说：

如果hidden==true则隐藏它 即

    <div data-title="Tab1" ng-if="hidden">
     ....
    </div>  
    <div data-title="Tab2">
     ....
    </div>  
    <div data-title="Tab3">
     ....
    </div>    

   <input type="button" ng-click="hideTab()" />  

$scope.hidden = true;

$scope.hideTab = function(){
   $scope.hidden = false;
}

最初隐藏设置为true，加载所有三个选项卡。稍后用户触发click事件，该事件将隐藏更改为false，导致tab1被隐藏但Tab1未隐藏。

反正我们可以动态隐藏bs-tabs吗？

先谢谢