Javascript 在Angularjs中动态隐藏bs选项卡

我使用的是bs标签+AngularJS

代码如下：

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

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

我们是否可以动态隐藏bs选项卡

---

提前感谢

您能提供设置隐藏的代码吗？我已经更新了我的问题

    <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;
}