即使单击当前路由器链接,也隐藏侧面菜单

时间:2018-07-26 08:18:58

标签: javascript angular angular2-routing

我正在使用(angular2),要在单击其任何链接时隐藏侧面菜单。

我阅读了this question & its accepted answer中引用的this article

如果用户单击[routerLink]而不是当前处于活动状态的解决方案,则该解决方案效果很好。但是单击当前活动链接不会发出任何事件。

这是代码:

constructor(
      private router: Router,
      public zone: NgZone) {
      router.events.subscribe( (event: Event) => {

          if (event instanceof NavigationStart) {
              // Show loading indicator
          }

          if (event instanceof NavigationEnd) {
              // Hide loading indicator
              this.w3_close(); // function to hide the menu
          }

          if (event instanceof NavigationError) {
              // Hide loading indicator
              // Present error to user
              console.log(event.error);
          }
      });

}

0 个答案:

没有答案