标签: navparams

我有一个使用 ionic 3 开发的项目。但是我休息了一下，当我再次开始使用 ionic 时，我看到新版本中导航系统发生了变化。我的项目是一个简单的项目。该项目列出了数组中的数据以及有关数据的详细信息显示在不同的页面上。

我是在 Ionic 3 上做这个的： homepage.ts

 export class HomePage  {

  items = [];

    constructor(public navCtrl: NavController) {
      this.initializeItems();}
      initializeItems() {
      this.items = [
   {
    'title': 'John',
    'image': '',
    'hair': 'black',
  },
   {
    'title': 'Brendon',
    'image': '',
    'hair': 'blonde',
  }];

openNavDetailsPage(item) {
    this.navCtrl.push(DetailsPage, { item: item });
  }

详情页.ts

 export class DetailsPage {
   item;

   constructor(params: NavParams) {
     this.item = params.data.item;
   }
 }

NavCtrl 和 NavParams 在版本 5 中不再可用（我认为在版本 4 中）。我确实从主页导航到下一页（ionic 5）。 主页.ts：

    toDetailsPage(){
      this.router.navigate(['details'])
    }

但是，我无法根据列表中的数据进行导航。我怎样才能根据下一代版本做到这一点？