用离子传递参数

Question

我正在尝试从正在从Cloud firestore填充的列表中传递参数。

我的home.ts文件，其中包含从postID获取单个帖子的属性和方法。

  post: Observable<Post>;
  postDoc: AngularFirestoreDocument<Post>;

  getPost(postId) {

    this.postDoc = this.afs.doc('posts/' + postId);
    this.post = this.postDoc.valueChanges();
    this.navCtrl.push( SinglePostPage, {
       singlePost: this.post
  } );
  }

在单个帖子页面模板

  <ion-card>
    <ion-card-header>
      {{ ( singlePost | async)?.title }}
    </ion-card-header>
    <ion-card-content>
       {{ ( singlePost | async)?.content }}
    </ion-card-content>
  </ion-card>

我的singlepost.ts

  constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.navParams = this.navParams.get('singlePost');
  }

我做错了什么？