除非單擊選定的選項卡，否則隱藏容器中的角材料墊選項卡組不會顯示溢出按鈕

Question

如鏈接中所述，在角度材料選項卡中，墨水欄無法正確顯示標題中的選擇，這可以通過使用視圖子項來解決，如Stackblitz中的示例所示。

但是，如果您如上例所示出現溢出，則下一個和上一個按鈕只會在選擇特定選項卡時出現。

我該如何處理這個問題，以上面的例子為參考。

圖 1：未單擊活動選項卡

圖 2：單擊的活動選項卡

Answer 1

我發現使墨條更新和分頁正確發生的解決方法是添加一種方法來手動更新隱藏容器的調整大小、打開和關閉事件的標題

function updateTabHeader() {
 this.matTabGroupReference._tabHeader.updatePagination();
 this.matTabGroupReference.realignInkbar();
}

matTabGroupReference 是對 mat-tabs-group 組件的引用