Ion-list clickable and show details page

how to make my ion-list clickable and show details page to show more details about the clicked item

I will make another page like details to handle the details data

but how can I make the list clickable and show another page which have the details
my ads page .html which has the ion-list

My App


    <ion-label color="dark">
Latest Ads
      <ion-list *ngFor="let item of dataArray">
          <ion-thumbnail slot="start">
            <img class="img-thumbnail" src="{{ item.document }}">
            <h2 color="primary">{{ item.title }}</h2>
            <h3>{{ }}</h3>

              <!-- Tab bar -->
                  <ion-tab-button routerLink="/menu">
                    <ion-icon name="home"></ion-icon>
                  <ion-tab-button routerLink="/contactus">
                    <ion-icon name="call"></ion-icon>
                    <!-- Tab bar -->

my ads page .ts file

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

  selector: 'app-adspage',
  templateUrl: './',
  styleUrls: ['./'],
export class AdspagePage implements OnInit {


  constructor(private http: HttpClient) {
    this.http.get('').subscribe((response: any) => {
    this.dataArray = response;


  ngOnInit() {