如果 Firebase 数据为 0，Ionic 会阻止添加数据

Question

我正在制作 Ionic 库存库存应用程序。在我的可用股票页面中，我正在跟踪这样的用户数据：

<ion-item *ngFor="let stock of stocks | async" class="item item-trns text-center"
    (click)="showOptions(stock, stock.$key)">
      <strong><h2>{{ stock.name }}</h2></strong>
      <p>Date added: {{stock.date}}</p>
      <p>Quantity in stock: {{stock.actualq-stock.sold}}</p>
      <p>Sold: {{stock.sold}}</p>

这显示了我的 Firebase 后端中所有股票的列表。

showOptions(stock, stock.$key)

提供出售特定物品的选项。

如您所见，库存剩余数量计算为

Quantity in stock: {{stock.actualq-stock.sold}}

即实际数量减去已售出的数量。

我的问题： 添加销售额时，如何防止用户添加大于现有库存数量的销售额？这将导致库存的剩余数量为负值。

我尝试使用表单验证，但我不知道如何检查输入的数据是否大于我的 Firebase 后端中可用的库存。

如果 {{stock.actualq-stock.sold}} 为 0，有没有办法禁用列表选项？

这是我的卖出函数：

addSale(id,saledate,salequantity,buyingprice,sellingprice,sale,profit,saletotal) {
    if(id) {
      this.stocks.update(id, {
        saledate: saledate,
        salequantity: salequantity,
        buyingprice: buyingprice,
        sellingprice: sellingprice,
        sale: true,
        profit: (sellingprice-buyingprice)*salequantity,
        saletotal: (salequantity*sellingprice),

      }).then( newSale => {
            this.toast.show('Data updated', '5000', 'center').subscribe(
              toast => {
                this.navCtrl.pop();
              }
            );
          })
          .catch(e => {
            console.log(e);
            this.toast.show(e, '5000', 'center').subscribe(
              toast => {
                console.log(toast);
              }
            );
          });

所做的只是更新正在销售的特定库存商品的路径，并添加上面的节点以反映该商品已添加销售。

Answer 1

如果我理解正确，您需要更新股票 ID。因此，在更新之前获取当前数据并检查手头的库存并执行更新。试试

addSale(id,saledate,salequantity,buyingprice,sellingprice,sale,profit,saletotal) {
    if(id) {
        this.db.object('stocks/'+id).snapshotChanges().subscribe(action => {
           console.log(action.payload.val());
           let stockInHand = action.payload.val().actualq-action.payload.val().sold;
           //check if salequantity is lessthan or equal to stockInHand
           if(salequantity <= stockInHand){
               //perform update
           }else{
               //toast no stock available 
           }
        });
    }
}