Angular 加载时预填充表单输入

我有一个表单，我试图在页面加载期间用一些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>

---

您可以添加if语句来等待加载日期表单URL（服务）

---

希望这会有帮助

使用*ngIf加载数据后更新

<form #f="ngForm" (ngSubmit)="_onSubmit(f)" *ngIf="formItems">
    <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>

---

您可以添加ts文件吗？

<form ng-if="formItems" #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>

<form #f="ngForm" (ngSubmit)="_onSubmit(f)" *ngIf="formItems">
    <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>