使用路线可观察到角度转移

Question

我尝试将对象发送到新组件。为此，我创建了此方法：

 getRecord(blogId: Observable<Note>) {

this.router.navigate(['/blogdetail'], { queryParams: { Id: blogId}}); 

}

只要用户单击按钮，就会调用此方法。

在我的网址中，我可以看到，该组件发送了对象，但另一个组件始终显示错误404

这是我对此组件的代码：

interface Note{
imageUrl: string;
title: string;
body: string;

}

 ngOnInit(): void {
this.route.queryParams.subscribe(params => {
  this.note = params['Id'];
  const blogtitle = this.note['title'];
  const blogbody =this.note['body'];
  const image =this.note['imageUrl'];
this.imageUrl = image;
  this.title = blogtitle;
  this.body = blogbody;

});
window.scrollTo(0, 0);

}