如何获取 Angular 输入字段中的前缀值

问：

我试图在输入字段上添加前缀，它完全没问题，但是在提交表单后，该值没有与输入字段值附加。

<form
    nz-form
    [formGroup]="invoiceForm"
    (ngSubmit)="saveInvoiceData(invoiceForm.value);" >
    <div class="row">
      <div class="col-lg-4 form-group">
        <div class="label-mini">
          <span>Reference</span>
        </div>
        <nz-input-group nzPrefix="REF-">
          <input
            type="text"
            nz-input
            nzSize="large"
            placeholder="Reference Name"
            formControlName="reference" />
        </nz-input-group>
      </div>
    </div>

    <button
      class="primary-btn"
      type="submit"
      [disabled]="invoiceForm.invalid">
      Submit
    </button>

</form>

在 TS 组件上：

initializeForm() {
    this.invoiceForm = new FormGroup({
      reference: new FormControl(''),
    })
  }

我已经附加了前缀值，当我提交表格时，它没有像 REF-12345 那样提交REF-

它只得到 12345