为什么组件内的订阅者没有在 angulat 中更新 ngOninit 之外的值

如何解决为什么组件内的订阅者没有在 angulat 中更新 ngOninit 之外的值

嗨，我有一些类似下面的代码，所以这里发生了什么，我得到了

的更新值

ngOnInit 上的 prevIoUsUrl 和 currentUrl 但是当我点击取消时，我得到了更新的值，请帮忙

export class LoginComponent implements OnInit {
    prevIoUsUrl;
    currentUrl;

    constructor(private authService: AuthService,private router: Router,private changeDetector: ChangeDetectorRef) {}

    ngOnInit(): void {
        this.router.events.pipe(
            filter((event) => event instanceof NavigationEnd)
        ).subscribe((event: NavigationEnd) => {
            this.prevIoUsUrl = this.currentUrl;
            this.currentUrl = event.url;
            //this.routes.push('this.prevIoUsUrl')

        });
    }

    onSubmitLoginForm(loginForm: NgForm): void {

        this.authService.doGetFormDetails(loginForm.form.value)
        this.onCancelLoginForm(loginForm);
    }
    // cancel button clicked on component
    onCancelLoginForm(loginForm: NgForm): void {
        console.log(this.prevIoUsUrl)
        loginForm.reset()`enter code here`
    }
}