路由器插座外的 Angular 2+ 滑动侧边栏



我正在尝试实现一个侧边栏,该侧边栏在整个应用程序中的各种按钮单击时都会打开("更多信息"类型的功能(。出于这个原因,我希望将侧边栏组件放在路由器插座之外。

应用组件:

<nav>
<router-outlet>
<sidebar>

当侧边栏打开时,我想将屏幕的其余部分变灰,并在任何地方单击(除了侧边栏关闭侧边栏(。我想这样做的方法是将导航和路由器插座包装在一个带有单击事件以关闭侧边栏的div 中。侧边栏打开/关闭/切换通过服务进行管理。我遇到的问题是像这样包装路由器插座(和导航(会覆盖用于打开侧边栏的路由内的实际按钮单击。有什么建议吗?非常感谢

您可能只需要让侧边栏根据订阅可观察量或行为主题做出反应。我使用BehaviorSubject来接收命令,并在程序的另一部分中订阅它,并让它做出相应的反应。有点像您的应用程序的消息传递系统。它对我来说真的很有效!您 w oi uld 根据点击次数驱动它,并完全忘记该部分的路由。

我认为您不会在侧边栏中执行此操作,而是托管侧边栏的控制器(例如父级(。如果您需要代码,请告诉我,但我认为这个答案会让您走上正确的道路。

您可以做的另一件事是,一旦您控制了滑块,您就可以让它弹出一个模态div。不过我没有任何代码。

相关内容

  • 没有找到相关文章

最新更新