如何在离子中为购买按钮编写代码

Question

我在ionic框架上制作一个应用程序，它是一个基本的应用程序，但是我想在代码中包含购买选项，以便用户可以指定他/她想要购买的产品数量，以及我必须做什么写入service和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>