Angular 7 router.navigate 與重定向后的消息

Question

我正在使用此代碼重定向this.router.navigate(['/abc']); . 如何使用<ngb-alert>在新頁面上顯示一些消息，是否可以在重定向時傳遞一些變量但不能作為 url 查詢參數？

Answer 1

您可以使用State執行此操作，如下所示：

當您要導航時設置state ：

const navigationExtras: NavigationExtras = {state: {data: 'This is an example'}};
this.router.navigate(['/abc'], navigationExtras);

在目標組件中，您可以獲得如下數據：

data:string;
constructor(private router: Router) { 
   const navigation = this.router.getCurrentNavigation();
   const state = navigation.extras.state as {data: string};
   this.data = state.data;
}

Answer 2

您可以使用服務將數據從一個組件傳遞到另一個組件，而完全不使用路由參數。

他們已經是一個關於這個的數據化話題。 通過 Angular 中的路由路徑發送數據

Answer 3

Angular 不提供使用導航功能發送數據的方法，您可以使用 hack insted

let route = this.router.config.find(r => r.path === '/erro');
route.data = {name: 'name' };
this.router.navigateByUrl('/error')

或者

用戶 queryParam 傳遞數據