我正在使用(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);
}
});
}