Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在使用JavaScript在边栏外单击时关闭边栏_Javascript_Angular_Typescript - Fatal编程技术网

如何在使用JavaScript在边栏外单击时关闭边栏

如何在使用JavaScript在边栏外单击时关闭边栏,javascript,angular,typescript,Javascript,Angular,Typescript,在我的用于小型设备的角度应用程序中,侧边栏切换正在工作,但当我们单击页面上的任何位置(即正文)时,我想关闭或隐藏侧边栏 .component.html 仪表板 //--还有一些侧边栏选项卡 现在,我想在类不活动(类名活动)时删除侧栏。。。。 通过这种方式,您可以控制是否插入了类“active”。 该条件显然是一个布尔值,您可以通过应用程序其余部分中的单击侦听器来控制它 ... ... 也许您可以使用服务变量、localstorage或store…您可以使用ngIf来实现这一点,你

在我的用于小型设备的角度应用程序中,侧边栏切换正在工作,但当我们单击页面上的任何位置(即正文)时,我想关闭或隐藏侧边栏

.component.html


  • 仪表板
  • //--还有一些侧边栏选项卡
现在,我想在类不活动(类名活动)时删除侧栏。

。。。
通过这种方式,您可以控制是否插入了类“active”。 该条件显然是一个布尔值,您可以通过应用程序其余部分中的单击侦听器来控制它

... ...
也许您可以使用服务变量、localstorage或store…

您可以使用
ngIf
来实现这一点,你可以根据你想要的身体点击来评估条件。这里概述了一般的方法:应该很简单,以适应角度。你能编辑上面的代码吗?我不确定我没有完全理解。你能为上面的代码编写JavaScript代码吗
<nav 
    class="sidebar sidebar-offcanvas" 
    [ngClass]="{'active': condition}"
    id="sidebar">...