Angular4路由器事件NavigationEnd在Firefox中停止导航-Java 学习之路

在一个组件中，我在'ngOnInit'中订阅了路由器事件'NavigationEnd'，如下所示：

public ngOnInit(): void {
this.router.events
  .filter((e: {}) => e instanceof NavigationEnd)
  .subscribe((event: {}) => {           
    this.myFunction();
  });
}

与上面的代码一起，我在另一个组件中使用router.navigate（[link]），如下所示：

constructor(private router: Router) {}

public navigateToLink = (link: string): void => {
 this.router.navigate([link]);
}

它在Chrome中运行良好，但是，在评论路由器事件订阅代码，路由器导航开始在Firefox中工作后，导航在Firefox中根本不起作用 . 请指导我的代码有什么问题 .

1 回答

我不知道为什么它在firefox中不起作用，但我使用的是NavigationEnd的路由器事件，这就是我控制它的方式 .

navigation: any;
navigationId: any;
this.routerEvents = _router.events
    .filter((event) => event instanceof NavigationEnd)
    .subscribe((val: Event) => {

        this.navigation = val;
        var currentRoute = this._router.url;
        if (val instanceof NavigationEnd && (this.navigationId === undefined || this.navigationId !== this.navigation.id)) {
            this.navigationId = this.navigation.id;
            //do the thing here
        }
    });

在这里，我正在检查路由器事件是否多次被调用，如果我继续访问此组件，事件将事件存储在堆栈中，所以我只调用内部代码一次 .

同时取消订阅有关destory的事件

ngOnDestroy() {
        if(this.routerEvents){
            this.routerEvents.unsubscribe();
        }
    }

回复于 2024-05-05T19:14:53+08:00

Angular4路由器事件NavigationEnd在Firefox中停止导航

1 回答

相关问题