Question

在更新时，我不想从反应性Angular 6表单中发送字段，因为正在使用的API无法处理更新中的“额外”字段。

添加对象时，这就是我发送的内容：

{“人”：{“名称”：“约翰”，“地址”：“ 2050 Bamako Place Washington，DC 20521-2050”，“代码”：“ 256222”}

更新表单时，我想要（不再输入“代码”）：

{“人”：{“名称”：“约翰”，“地址”：“ 2051 Bamako Place Washington，DC 20521-2051”}

我尝试对我的字段使用“禁用”，但它仍提交我不想要的字段。我也尝试了只读但与上面相同。我不知道实现此目标的最佳方法是什么。

form.html

        <form [formGroup]="testForm" (ngSubmit)="formValidate()" >
            <mat-card-content class="mat-card-content">
                <div fxLayout="row">
                    <div fxLayout="column" fxFlex="100%">

                        <mat-form-field class="form-input"> 
                            <input matInput formControlName="name" required
                            placeholder="Name" /> 
                        </mat-form-field>

                        <mat-form-field class="form-input">
                            <textarea matInput formControlName="address" required
                            placeholder="Address" rows="4" cols="200"></textarea>

                        </mat-form-field>

                        <mat-form-field class="form-input"> 
                            <input matInput formControlName="code" required
                            placeholder="Code" /> 

                        </mat-form-field>

                     </div>
                    </div>
            </mat-card-content>
            <mat-card-footer style="margin:0 auto;">
                <div fxLayout="row" fxLayoutAlign="end center">

                    <button type="submit" color="primary" mat-raised-button [disabled]="testForm.invalid">Submit</button>
                </div>
            </mat-card-footer>
        </form>

form.ts

    this.testForm = fb.group({
        'name': fb.control('', [Validators.required]),
        'address': fb.control('', [Validators.required]),
        'code': fb.control('', [Validators.required]), // I would like to do not send this field when I'm updating my form.
    });


formValidate() {

        this.person = this.testForm.value;
        if (this.updateForm) {
            this.person['id'] = this.currentId;
        }

        console.log(this.person);

       // create or update by sending object to the API
      ...
    }

非常感谢您！

Answer 1

尝试以下操作：this.testForm.removeControl('code'); 您还可以创建一个名为ie的对象。 request并放置您要发送的值。

从电抗角形式中去除场的最佳方法

1 个答案: