检测引导导航栏是否折叠或成角度

Question

我在其自己的名为menu的组件中有一个navbar 。 我创建了一个服务，以便以后可以从其他组件中检测到导航栏是否折叠。 因此，我可以随时通过其他组件引用该服务，并确定导航栏是否折叠。

如果导航栏具有show类，则不会折叠它。

因此，我可以参考菜单组件中的导航栏：

@ViewChild("navbar") navbar: ElementRef;

我可以检查它是否折叠或不使用：

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

如何从服务内部检测导航栏是否折叠？

这是运行代码：

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

Answer 1

在服务中使用布尔值创建了一个Subject。 每次菜单扩展和折叠的更新触发下一个，请经历更新的stackblitz