Error while navigating

I'm getting error while navigating one component from another. I'm doing navigation based on response from webApi before entering the page. so i wrote navigation code inside the subscribe() method.

Here is the error message from the console:

vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:12090 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'value' of undefined
TypeError: Cannot read property 'value' of undefined
    at AutoCompleteComponent.DropDownList.hidePopup (ej2-dropdowns.es5.js:2805)
    at AutoCompleteComponent.ComboBox.hidePopup (ej2-dropdowns.es5.js:3509)
    at AutoCompleteComponent.AutoComplete.hidePopup (ej2-dropdowns.es5.js:3805)
    at AutoCompleteComponent.DropDownList.destroy (ej2-dropdowns.es5.js:2850)
    at AutoCompleteComponent.ComponentBase.ngOnDestroy (ej2-ng-base.es5.js:239)
    at callProviderLifecycles (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:22316)
    at callElementProvidersLifecycles (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:22285)
    at callLifecycleHooksChildrenFirst (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:22269)
    at destroyView (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:23597)
    at callViewAction (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:23743)
    at AutoCompleteComponent.DropDownList.hidePopup (ej2-dropdowns.es5.js:2805)
    at AutoCompleteComponent.ComboBox.hidePopup (ej2-dropdowns.es5.js:3509)
    at AutoCompleteComponent.AutoComplete.hidePopup (ej2-dropdowns.es5.js:3805)
    at AutoCompleteComponent.DropDownList.destroy (ej2-dropdowns.es5.js:2850)
    at AutoCompleteComponent.ComponentBase.ngOnDestroy (ej2-ng-base.es5.js:239)
    at callProviderLifecycles (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:22316)
    at callElementProvidersLifecycles (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:22285)
    at callLifecycleHooksChildrenFirst (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:22269)
    at destroyView (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:23597)
    at callViewAction (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:23743)
    at resolvePromise (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86577)
    at resolvePromise (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86548)
    at vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86625
    at ZoneDelegate.invokeTask (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86231)
    at Object.onInvokeTask (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:14994)
    at ZoneDelegate.invokeTask (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86230)
    at Zone.runTask (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:85998)
    at drainMicroTaskQueue (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86391)
    at XMLHttpRequest.ZoneTask.invoke (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86297)

This is the code I wrote for navigation inside subscribe:

 validateAccess(): void {
    this.baseService.get(environment.baseUrl + "api/Employee/IsEmployeeHavingTeam").subscribe((data: any) => {
        if (!data && this.sprintReviewId == null) {
            this.route.navigate(["/sprintreviewlist"]);
            return false;
        }
    });
}

Calling that validate method in constructor:

constructor(private activatedRoute: ActivatedRoute, private route: Router, private baseService: BaseService, private utilities: Utilities) {
    this.activatedRoute.queryParams.filter(params => params.srid).subscribe(params => { this.sprintReviewId = params.srid });
    this.validateAccess();
}

I'm new to angular. Need help to resolve this issue. Thanks