TypeError：存储到 FireStore 时无法读取未定义的属性（读取“添加”）

Question

我在检查错误的来源时遇到问题，我尝试删除单个函数，但错误仍然显示；

抱歉冗长的代码，只是为孩子们做一些简单明了的事情

受影响的 HTML

 <form (ngSubmit) = "savePayment()">
    

  <div class="billing-container">

    Transact Water Bill
    <mat-card class="billing-information">
    <mat-card-content>
      
      <div class="bill-heads">
        <h4 class="billing-header">Bill Number: 
          <input class="search-box-short"  
          type="text" name="billNo" 
          [(ngModel)]="updateLedger.customerBillNo"></h4>

        <h4 class="billing-header">Bill Month: 
          <input class="search-box-short"  
          [(ngModel)]="updateLedger.customerBillMonth"
          type="text" name="billNo" 
          placeholder="MMYYYY">

        </h4>
      </div>
      <mat-divider></mat-divider>
      <div class="billing-details">
        <h4>Charges</h4>
          <label class="highlights"><b>Water Bill:</b></label> 
          <label class="billLabel" *ngIf ='displayWaterBill'  
          ><b>{{displayWaterBill}}</b></label>
          
          <br>
          <label class="highlights"><b>Septage: </b></label> 
          <label name="septagelabel"class="billLabel2"  *ngIf ='displaySeptage'
          
          ><b>{{displaySeptage}}</b></label>
          <br>
          <label for="rate"><b>Other:</b></label>
          <br>
          <select  
          class="select-drop" 
          name="otherChargesA" 
          id="branch">
            <option value="None">None</option>
            <option value="Reconnection Fee">Saddle Clamp</option>
            <option value="Other Charges">Materials</option>
            <option value="Service Charge">Other Charges</option>
          </select>
          
          <input 
          class="search-box-short"  
          type="text" 
          name="otherchargea" 
          (change)="getChargeA($any($event.target).value)">
          
          <br>
          <select  class="select-drop" name="otherChargesB" id="branch">
            <option value="None">None</option>
            <option value="Reconnection Fee">Saddle Clamp</option>
            <option value="Other Charges">Materials</option>
            <option value="Service Charge">Other Charges</option>
          </select>

          <input 
          class="search-box-short"  
          type="number" 
          name="otherchargeb" 
          (change)="getChargeB($any($event.target).value)">
          
          <br>
          <select  class="select-drop" name="otherChargesC" id="branch">
            <option value="None">None</option>
            <option value="Reconnection Fee">Saddle Clamp</option>
            <option value="Other Charges">Materials</option>
            <option value="Service Charge">Other Charges</option>
          </select>
          <input class="search-box-short"  
          type="number" 
          name="otherchargec"
          (change)="getChargeC($any($event.target).value)">
          <br>
          
          <label for="rate"><b>Service:</b></label>
          <br>
          <select  class="select-drop" name="serviceChargesA" id="branch">
            <option value="None">None</option>
            <option value="Reconnection Fee">Reconnection Fee</option>
            <option value="Service Fee">Service Fee</option>
            <option value="Relocation Fee">Relocation Fee</option>
          </select>
          <input class="search-box-short"  type="number" 
          (change)="getFeeA($any($event.target).value)">
          <br>
          <select  class="select-drop" name="serviceChargesB" id="branch">
            <option value="None">None</option>
            <option value="Reconnection Fee">Reconnection Fee</option>
            <option value="Service Fee">Service Fee</option>
            <option value="Relocation Fee">Relocation Fee</option>
          </select>
          <input class="search-box-short" type="number" 
          (change)="getFeeB($any($event.target).value)">
          <br>
          <select  class="select-drop" name="serviceChargesC" id="branch">
            <option value="None">None</option>
            <option value="Reconnection Fee">Reconnection Fee</option>
            <option value="Service Fee">Service Fee</option>
            <option value="Relocation Fee">Relocation Fee</option>
          </select>
          <input class="search-box-short"  type="number" 
          (change)="getFeeC($any($event.target).value)">
          <br>
        <mat-divider></mat-divider>
        <h4>Discounts</h4>
   
            <label >SC Discount: </label>
            <input 
              class="search-box-short"  
              type="text" name="scDisc" 
              placeholder="Senior" 
              [(ngModel)]="updateLedger.scDiscount"
              *ngIf="scValue" value="{{scValue}}">

            <br>
            <label>Special Discount: </label>
            <input 
              class="search-box-short"  
              type="text" name="specDisc" 
              placeholder="Special"
              [(ngModel)]="updateLedger.specialDiscount" 
              (change)="getSpecialDiscount($any($event.target).value)">
  
        <mat-divider></mat-divider>
        
      </div>
        
    </mat-card-content>
    </mat-card> 
    Payment Details
    <div class="tender-container">
      <mat-card class="tender-input">
        <mat-card-content>
          <div class="cash-payment">
            <input class="cash-payment-box" type="number" 
            placeholder="Enter Cash Amount" 
            name="cash" type="number" 
             (keyup)="getCash($any($event.target).value)" >
          </div>
          <div class="payment-list">
            <ul class="billing-information-list">
              <li class="ngxPrintLi">Total Due</li>
              <li>Cash:</li>
              <li>Change:</li>
              <li>Date:</li>
              <li><b>PHP.</b><b><label *ngIf='totalCharge'> {{totalCharge}} </label></b></li>
              <li><b>PHP.</b><b><label *ngIf='cashAmount'> {{cashAmount}}</label></b></li>
              <li><b>PHP.</b><b><label *ngIf='totalChange'> {{totalChange}}</label></b></li>
              <li>{{today | date:'shortDate'}}</li>
            </ul>
          </div>
        </mat-card-content>
        </mat-card> 
    </div>
  </div>
  <div class="payment-button">
  <button mat-raised-button color="primary">Save Payment</button>
</div>
</form>

TS

// declarations
  addedCharges:any;
  cashAmount: any;
  totalCharge: any;
  totalChange: any;
  displayWaterBill:any;
  displaySeptage:any;
  scValue:any;
  specialDiscount: any;
  chargeA: any;
  chargeB: any;
  chargeC: any;
  feeA: any;
  feeB: any;
  feeC: any;

 savePayment() {
  
    
      this.customerService.addLedger(this.updateLedger);
    
   
   
  }

  loadToPayment(rows:unpaidModel) {
    this.detailstoPay = rows;
    console.log(this.detailstoPay)

    if (this.detailstoPay.customerDisconnectFlag) {
      alert("This customer is tagged as Disconnected, Please contact Billing Manager to process Re-Connection")
    }
    else {
      this.totalCharge = this.detailstoPay.customerBilling + this.detailstoPay.customerSeptage;
      this.displayWaterBill = this.detailstoPay.customerBilling;
      this.displaySeptage = this.detailstoPay.customerSeptage;
      
      }
    
    }
  applyFilter(filterValue:string) {
    if ( filterValue !=''){
      this.dataUnpaidSource.filter = filterValue.trim().toLowerCase();
    }
    
  };

  clearFilter() {
    this.dataUnpaidSource.filter = "";
  };

 
  getCash(amount:number) {
    this.cashAmount = amount;
    if (this.cashAmount!='' || 0) {
      this.totalChange = (amount-this.totalCharge);
    }
    else {
      this.totalChange = "";
    }
    
  };

  getChargeA(charge1:number) {
    this.chargeA = charge1;
    this.totalCharge = (+this.totalCharge + +charge1);

  }

  getChargeB(charge2:number) {
    this.chargeB = charge2;
    this.totalCharge = (+this.totalCharge + +charge2);
  }

  getChargeC(charge3:number) {
    
  this.chargeC = charge3;
  this.totalCharge = (+this.totalCharge + +charge3);
  }

  getFeeA(fee1:number) {
    this.feeA = fee1;
    this.totalCharge = (+this.totalCharge + +fee1);
  }

  getFeeB(fee2:number) {
    this.feeB = fee2;
    this.totalCharge = (+this.totalCharge + +fee2);
  }

  getFeeC(fee3:number) {

    this.feeC = fee3;
    this.totalCharge = (+this.totalCharge + +fee3);
   
  }

  clearBilling() {
    this.totalChange = "";
    this.totalCharge = "";
    this.displaySeptage= "";
    this.displayWaterBill = "";
    this.cashAmount = "";
    this.addedCharges = "";
    this.scValue = "";
  };

  addSenior() {
    if(this.detailstoPay.customerCUM < 31) {
      this.scValue = this.detailstoPay.customerBilling * 0.05;
      this.totalCharge = this.totalCharge - this.scValue;
    }
    else {
      this.totalCharge = "";
      alert("Not Qualified for SC")
    }
  

  }
 
  getSpecialDiscount(specDisc:number) {
    this.specialDiscount = specDisc;
     this.totalCharge = this.totalCharge - this.specialDiscount} 
  
}

你能帮我看看错误是从哪里来的吗？

抱歉冗长的代码，只是为孩子们做一些简单明了的事情