为什么matInput文本字段显示[object FocusEvent]而不是我在Angular 8中使用(模糊)的实际文本

Question

​

  fetchContractNumber(contractNumber: any): void {
    this.changeField(contractNumber, 'vehicle.previousContractNumber');
    if (contractNumber) {
      this.s1 = this.facade.fetchContractNumber(this.equipmentModel.previousContractNumber).subscribe(data => {
        this.equipmentModel.previousWarrantyExpiryOdometer = data.data.contracts[0].expirationOdometer;
        this.equipmentModel.previousWarrantyExpiryDate = data.data.contracts[0].expirationDate;
        this.changeField(data.data.contracts[0].expirationOdometer, 'vehicle.previousWarrantyExpiryOdometer');
        this.changeField( data.data.contracts[0].expirationDate, 'vehicle.previousWarrantyExpiryDate');
      });
    }
  }

<mat-form-field class="w-4/12 xl:w-4/12 pr-1">
            <input
              matInput
              (blur)="fetchContractNumber($event)"
              name="previousContractNumber"
              [ngModel]="equipmentModel.previousContractNumber"
              placeholder="{{ 'previouscontractnumber' | translate }}"
              type="text"
              #previousContractNumber="ngModel"
              [errorStateMatcher]="errorStateMatcher('vehicle.previousContractNumber', dealError)"
              [ngDave2EditableField]="dealIsLocked"
              editableFieldgroup="equipment"
              editableFieldCode="previousContractNumber"
              [editableDealStatus]="dealStatus"
            />
            <button
              mat-button
              *ngIf="equipmentModel.previousContractNumber && !dealIsLocked"
              matSuffix
              mat-icon-button
              aria-label="Clear"
              (click)="resetPreviousContractNumberFields()"
            >
              <mat-icon>close</mat-icon>
            </button>
            <mat-error>
              {{ 'required' | translate }}
            </mat-error>
          </mat-form-field>

​

Answer 1

从你的方法看来，你期望从你的模糊事件绑定中传递的$event是一个数字(所以大概是一个数字)，但事实并非如此。您可能需要$event.target.value