Angular 2 - 在不显示 url 数据的情况下导航

Question

在 Angular 2 中，有没有一种方法可以导航和传递 URL 中未显示的数据？

我想创建一个接收复杂对象的组件，但不希望它显示在 URL 中。

谢谢!

Answer 1

仅支持使用新版 Angular 的新读者，在 Angular 7.2 及更高版本中，您可以使用状态动态传递数据对象，而无需在 url 中显示。

this.router.navigate(['/some-route'], {state: {data: {...}}});

然后你可以像这样读取状态:

ngOnInit() {
    this.state = this.activatedRoute.paramMap
        .pipe(map(() => window.history.state));}