* ng对于离子和角度

Question

我正在使用此代码通过Ionic中的HttpClient打开从db导入一些卡。我想要在单击1张卡后打开一个详细信息页面，其中包含根据该页面提供的信息。此信息位于数据库中。

这是我的html：

<ion-grid >
      <ion-row >
        <ion-col size="6" *ngFor="let item of data; " [routerLink]="['/', 'main', item.imdbID]" >
         <ion-card button >
          <img src="{{item.img_dir}}" alt="">            
          <p style="text-align: center; font-weight: bold; color: black;">
            {{item.cname}}</p>
            <!-- <p>{{item.description}}</p> -->
          </ion-card>
        </ion-col>
      </ion-row>
    </ion-grid>

使用此代码，我生成了卡。工作正常。

这是我的main.ts：

export class MainPage implements OnInit {

  data: any;

 constructor(public http: HttpClient, public navCtrl: NavController) { }


  ngOnInit() {

     fetch('http://192.168.1.88/Main/getDrinks').then(res => res.json())
     .then(json => {
       this.data = json;
     });

  }

}

如果单击1张卡，我可以打开一个页面，但我不知道如何导入该特定页面的详细信息。