如何在使用JavaScript在边栏外单击时关闭边栏
在我的用于小型设备的角度应用程序中,侧边栏切换正在工作,但当我们单击页面上的任何位置(即正文)时,我想关闭或隐藏侧边栏 .component.html如何在使用JavaScript在边栏外单击时关闭边栏,javascript,angular,typescript,Javascript,Angular,Typescript,在我的用于小型设备的角度应用程序中,侧边栏切换正在工作,但当我们单击页面上的任何位置(即正文)时,我想关闭或隐藏侧边栏 .component.html 仪表板 //--还有一些侧边栏选项卡 现在,我想在类不活动(类名活动)时删除侧栏。。。。 通过这种方式,您可以控制是否插入了类“active”。 该条件显然是一个布尔值,您可以通过应用程序其余部分中的单击侦听器来控制它 ... ... 也许您可以使用服务变量、localstorage或store…您可以使用ngIf来实现这一点,你
-
-
仪表板
//--还有一些侧边栏选项卡
现在,我想在类不活动(类名活动)时删除侧栏。。。。
通过这种方式,您可以控制是否插入了类“active”。
该条件显然是一个布尔值,您可以通过应用程序其余部分中的单击侦听器来控制它
...
...
也许您可以使用服务变量、localstorage或store…您可以使用
ngIf
来实现这一点,你可以根据你想要的身体点击来评估条件。这里概述了一般的方法:应该很简单,以适应角度。你能编辑上面的代码吗?我不确定我没有完全理解。你能为上面的代码编写JavaScript代码吗
<nav
class="sidebar sidebar-offcanvas"
[ngClass]="{'active': condition}"
id="sidebar">...