有沒有辦法使用ngxbootstrap獲取活動選項卡？

Question

即時通訊使用的ngx tabs發展的角度應用：

<div class="modal-body"> 
    <tabset> 
     <tab heading="1"></tab> 
     <tab heading="2"></tab> 
    </tabset> 

</div> 
<div class="modal-footer> 
    <button *ngIf="Tab Selected = 1"> Save </button> 
    <button *ngIf="Tab Selected = 2"> Update </button> 
</div> 

我想知道模板至極選項卡上選擇，這樣我就可以顯示/隱藏正確的按鈕。

Answer 1

你可以通過ViewChild得到TabsetComponent然後看看它的tabs屬性，你會找到所有的標籤，然後很容易找出哪一個是活動的。有一個例子（打開控制檯查看結果）https://stackblitz.com/edit/angular-wm4ywp?file=app%2Fapp.component.ts