在angular2我使用canActivate，但是當它返回false時，它仍然會轉到路線

Question

在angular2中，我使用了canActivate，但是當它返回false時，它仍然會轉到路徑。

這裏我下面的代碼：

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { 
     this.isAuthRequired = route.data.isAuthRequired; 
     this.isCompanyView = route.data.isCompanyView; 

     return this.init(); 
    } 

此代碼取決於數據路由例如返回true或false isAuthRequired等

這是否仍然是要去的路線？因爲它確實只顯示了一個沒有控制檯錯誤的藍色屏幕，這很好，但我希望它能夠重定向到主頁或至少停留在前一頁。

這個功能是不是工作，你有什麼建議。

Answer 1

確保您從init（）方法返回boolean或promise或observar。 從init（）返回true將導航到選定的路由。 返回false將阻止當前屏幕的頁面導航。

類似下面的： -

init(): boolean{ 
    /* your application logic */ 

    return true; 
} 

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { 
    this.isAuthRequired = route.data.isAuthRequired; 
    this.isCompanyView = route.data.isCompanyView; 

    return this.init(); 
} 

我希望這可以幫助你。