檢測引導導航欄是否折疊或成角度

Question

我在其自己的名為menu的組件中有一個navbar 。 我創建了一個服務，以便以后可以從其他組件中檢測到導航欄是否折疊。 因此，我可以隨時通過其他組件引用該服務，並確定導航欄是否折疊。

如果導航欄具有show類，則不會折疊它。

因此，我可以參考菜單組件中的導航欄：

@ViewChild("navbar") navbar: ElementRef;

我可以檢查它是否折疊或不使用：

this.navbar.nativeElement.classList.contains("show")

如何從服務內部檢測導航欄是否折疊？

這是運行代碼：

https://stackblitz.com/edit/angular-pyquht

Answer 1

在服務中使用布爾值創建了一個Subject。 每次菜單擴展和折疊的更新觸發下一個，請經歷更新的stackblitz