Angular 7 router.重定向后使用消息导航

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 中的路由路径发送数据