Как написать код для кнопки покупки в ионном

Question

Я делаю приложение на ионной основе, это базовое приложение, но я хочу включить опцию покупки в свой код, чтобы пользователь мог указать количество продуктов, которые он / она хочет купить, а также то, что мне нужно напишите в сервисе и файле ts, чтобы он мог соединить меня с базой данных, а также манипулировать количеством продуктов. HTML-код

<ion-header>
  <ion-toolbar color="primary"> 
    <ion-buttons slot="start">
      <ion-back-button defaultHref="/"></ion-back-button>
    </ion-buttons>
    <ion-title>
      Product details
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <div class="ion-padding">
  <ion-card *ngIf=productspl> 
  <ion-item>
    <ion-label>Product ID:</ion-label>
    <ion-label>{{productspl.productid}}</ion-label>
  </ion-item>
  <ion-item>
    <ion-label>Product Name:</ion-label>
    <ion-label>{{productspl.productname}}</ion-label>
  </ion-item>
  <ion-item>
    <ion-label>Product Description:</ion-label>
    <p>{{productspl.productdescription}}</p>
  </ion-item>
  <ion-item>
    <ion-label>Product Price</ion-label>
    <ion-label>{{productspl.productprice}}</ion-label>
  </ion-item>
  <p>Please specify the number</p>
  <ion-input type="number"></ion-input>
<ion-button expand="full">Buy</ion-button>
</ion-card>
  </div>
</ion-content>