当我使用ion-nav rootParams参数绑定到根页面时，为什么navParams.data为空？

Question

我正在尝试将rootParams绑定到ion-nav，以便我可以在页面之间切换并设置不同的参数。

<ion-nav #content [root]="rootPage" [rootParams]="rootParams"></ion-nav>

因此，当我更改app.component.ts中的页面和rootParams时，参数将被传递到新的根页面。

this.rootPage = 'HomePage';
this.rootParams = { value: 1 };

但是在页面的构造函数中，navParams没有值

constructor(public navCtrl: NavController, public navParams: NavParams) {
    const value = this.navParams.data.value;//undefined
}

有什么想法如何将参数传递到根页面吗？

Answer 1

我对NavController和NavParams的了解也不多，因此我定义了一种服务用途，以解决此问题。一个简单的例子在这里：

  const panEvent$ = fromEvent(this.listView, 'pan').pipe(map(
    (event: PanGestureEventData) => event.deltaY
  ));