在Angular 9中取消订阅NavigationEnd
事件,可以使用Subscription
对象来取消订阅。以下是一个示例代码:
import { Component, OnDestroy } from '@angular/core';
import { Router, NavigationEnd } from '@angular/router';
import { Subscription } from 'rxjs';
@Component({
selector: 'app-example',
template: 'Example Component
'
})
export class ExampleComponent implements OnDestroy {
private subscription: Subscription;
constructor(private router: Router) {
this.subscription = this.router.events.subscribe(event => {
if (event instanceof NavigationEnd) {
// Do something when navigation ends
}
});
}
ngOnDestroy() {
if (this.subscription) {
this.subscription.unsubscribe();
}
}
}
在上面的示例中,我们创建了一个subscription
对象来订阅router.events
,并在NavigationEnd
事件发生时执行一些操作。在组件销毁时,我们使用unsubscribe()
方法取消订阅,以防止内存泄漏。