【问题标题】:Detecting if a bootstrap navbar is collapsed or not in angular检测引导导航栏是否折叠或没有角度
【发布时间】:2019-11-17 07:12:17
【问题描述】:

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

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

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

@ViewChild("navbar") navbar: ElementRef;

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

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

如果导航栏折叠,我如何从服务内部检测?

这是一个运行代码:

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

【问题讨论】:

    标签: html css angular twitter-bootstrap


    【解决方案1】:

    在服务中创建了一个具有布尔值的主题。 每次更新菜单展开和折叠时触发下一步 请通过更新的堆栈闪电战

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

    【讨论】:

      猜你喜欢
      • 2020-03-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-05-02
      • 2020-10-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多