使用Angular 2路由器攔截路由請求

Question

使用Angular 2路由器，我想在請求激活路由時捕獲事件。 在Angular 1.x中，我使用$ locationChangeSuccess，然后檢查用戶是否已登錄。

我需要使用Angular 2做類似的事情，因此如果用戶尚未通過身份驗證，我可以將用戶重定向到登錄屏幕。

Answer 1

看看CanActivate和CanDeactivate。 官方角度文檔提供了一個創建管理員防范的示例，我發現在創建一般登錄防護時非常有用。

CanActivate用於檢查路由器是否可以導航到新路由，而CanDeactivate用於檢查路由器是否可以離開當前路由。 如果警衛出現在路線上，則每次導航時都會與警衛進行核對。

這是一個直接鏈接到示例的鏈接。