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 传递数据