Angular-Bootstrap UI选项卡:删除选项卡选项
问题描述:
我对使用Angular-UI-Bootstrap创建选项卡式视图的项目有特殊要求。Angular-Bootstrap UI选项卡:删除选项卡选项
<uib-tab data-ng-repeat="pageTitle in form.pagetitles" heading="{{pageTitle}}">
// tab content and so on...
</uib-tab>
我想要一个带有链接ng键功能的Tab-Heading旁边的按钮。在这个函数中,我想删除页面(仍然实现,这里没有帮助)。
<button data-ng-click='removePage(pageTitle)' class='btn btn-default'><span class='glyphicon glyphicon-wrench'></span></button>
我的问题:我不知道如何获得标题旁边的按钮。谁能帮我?
答
除了使用属性的 “标题” 使用标签:< UIB标签 - 航向>
喜欢的东西:
<uib-tab data-ng-repeat="pageTitle in form.pagetitles">
<uib-tab-heading>
<div class="pull-left">{{pageTitle}}</div>
<div class="pull-right">
<button data-ng-click='removePage(pageTitle)' class='btn btn-default'><span class='glyphicon glyphicon-wrench'></span></button>
</div>
</uib-tab-heading>
// tab content and so on...
</uib-tab>