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

时间:2019-07-07 15:34:14

标签: html css angular twitter-bootstrap

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

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

所以我可以参考菜单组件中的导航栏:

@ViewChild("navbar") navbar: ElementRef;

我可以使用以下方法检查它是否折叠:

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

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

这是一个正在运行的代码:

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

1 个答案:

答案 0 :(得分:1)

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

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