* ng для ioni c и Angular

Question

Я использую этот код, чтобы открыть импорт некоторых карточек из базы данных с помощью HttpClient в Ioni c. Я хочу, чтобы после нажатия на 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;
     });

  }

}

С его помощью я могу открыть страницу, если щелкну по одной карточке, но я не знаю, как импортировать детали для это указывает c стр.