如何关闭Angular-Strap标签

时间:2014-02-13 20:20:21

标签: angularjs tabs ng-grid angular-strap

在我的应用程序中,我有3个静态选项卡,可在应用程序加载时呈现。使用ng-grid,当用户双击某一行时,将生成一个包含该行结果的新选项卡。我的问题是.....我如何关闭标签?这看起来很简单但是,我已经护目镜并且没有任何结果。

我想要的是,在查看结果后,用户可以单击选项卡标题附近的小X来关闭/关闭选项卡。我创建了一个类似于我的标签布局的plunker http://plnkr.co/edit/ZkamtnBK01h0IvC9Hmjh?p=preview。它有一个按钮,您可以单击该按钮添加新选项卡。任何帮助将不胜感激。谢谢。

1 个答案:

答案 0 :(得分:1)

您可以通过更改范围http://plnkr.co/edit/AKlmUaRkaYWjOYnPRnWF

轻松删除标签
$scope.remove = function() {
    $scope.tabs.splice($scope.tabs.activeTab,1);
}

使用tabs指令中的模板可以创建这些选项卡,因此我建议使用css将元素定位在bs-tabs div之外以获得您想要的效果