NgModal预填充表单值，可以根据用户输入进行更改

Question

我有一个表单，我试图在页面加载期间用一些URL预填充输入中的一个。但是，在提交表单期间，表单字段会提交空值。

我尝试使用Ngmodel：

<form #f="ngForm" (ngSubmit)="_onSubmit(f)">
  <!-- <div>{{ formItems?.length }}</div> -->
  <div *ngFor="let i of formItems">
    <div class="form-group" style="display:none">
      <input
        [name]="i.name"
        attr.name="{{ i.name }}"
        [(ngModel)]="referreURL"
        [type]="i.type"
        [placeholder]="i.label"
        required=""
        class="form-control"
      />
    </div>
  </div>
</form>

下面是我的类型脚本文件。

referreURL: string = document.referrer;