使用navigate()发送数组的角度8返回的是一个对象,而不是数组本身

而不是使用 activatedRouter.snapshot ,订阅 this.activatedRoute.queryParams 主动发出查询参数中任何更改的流。

@Component({ ... })
export class MyComponent implements OnInit {
  order: string;
  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.queryParams
      .filter(params => params.offers)
      .subscribe(params => {
        console.log('Query Params: ', params); // {offers: <value>}
      });
  }
}

有几种解决方法 this link 中号的。

我要用的是 this.navigate .

所以解决方案是在原始组件上:

this.router.navigate(['/offers'], { state: {'offers': this.offers, 'info': this.info}});

在目的地组件(在我的情况下,它不是子组件)上,我们应该使用 state 从angular 7.2+新增的附加功能:

this.offers = window.history.state.offers;

我们不能使用 snapshot 或 queryParams 在这种情况下,根据上面的链接,它将在 ngOnInit() 被处决。所以最好的解决方案是使用 状态 额外的