在Angular4中单击时，Bootstrap 3折叠菜单不会关闭

Question

我一直在面对Angular中的上述问题。对于移动设备，菜单应该在选择其中任何一个后折叠，但不会在点击时关闭。

请帮我摆脱这个。

提前致谢

Answer 1

尝试更改您的（点击）方法，无论它调用什么来切换切换所关联的变量。

menuOpenVariable: any = false;

clickedMenuItem(){
menuOpenVariable = false; // re-close the menu on yor click method.
  // do menu things
}

这应该全部链接到菜单'生活'的HTML文件。

<menu menuOpenVariable> 
  <menu-item (click)="clickedMenuItem()">item 1</menu-item>
</menu>