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;

Answer 1

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

<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>

希望这会有所帮助..！

Answer 2

使用* 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>

加载时预填表格输入

2 个答案: