小编use*_*533的帖子

如何从Angular4中的bootstrap tabset获取选定的选项卡?

我有一组动态创建的选项卡,具体取决于我的输入数据.我想要做的是能够找出当前选择的选项卡.在下面的示例代码中,我有一个选项卡控件,在所有这些之下,我有一个按钮,单击该按钮将删除所选选项卡.我试图保持这个相对简单,它可能看似做作,但我希望它能说明我的意思.

这是我的代码:

<div class="col-md-12">
  <ngb-tabset *ngIf="selectedInfo" type="groups" >
    <ngb-tab *ngFor="let tab of selectedInfo.groups" title={{tab.name}} >
        // some stuff in the tabs
    </ngb-tab>
  </ngb-tabset>
</div>

<div>
  <button class="btn btn-primary float-left" (click)="deleteTab()" > Delete Tab </button>
</div>


export class MyTabs implements OnInit {

  selectedIfno: MyInfoClass;

  ngOnInit(): void {

    // init data

  }

  deleteTab() {


  }

}
Run Code Online (Sandbox Code Playgroud)

所以我想说我想删除当前选中的标签.我如何知道当前选择的标签?

html twitter-bootstrap ng-bootstrap angular

2
推荐指数
2
解决办法
8786
查看次数

标签 统计

angular ×1

html ×1

ng-bootstrap ×1

twitter-bootstrap ×1