如何制作一个禁用的反应形式在Angular2中可编辑

如何制作一个禁用的反应形式在Angular2中可编辑

本文介绍了如何制作一个禁用的反应形式在Angular2中可编辑的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我使用下面的代码来创建表单并使其成为readOnly,我是角色的新手

I am Using below code to create a form and make it readOnly, I am new to angular

createForm() {
        this.comapnyIdentificationForm = this.fb.group({
          businessName: ['', Validators.required ],
          adressPrimary: '',
          adressSecondary: '',
          city:'',
          state: '',
          zipCode: '',
          country: '',
          companyPhone: '',
          DUNS: ''
        });
         this.comapnyIdentificationForm.disable();
      }

我需要启用它并将编辑后的数据发回给Json:

I need to make it enabled and post edited data back to Json :

<button type="button"  (click)="EditData()" class="btn modal-btn btn-default">Edit</button>


推荐答案

只需使用以下代码即可启用表单。

Just use following code to enable your form .

this.comapnyIdentificationForm.enable();

获取json对象。使用以下代码:

To get a json object. Use following code:

this.comapnyIdentificationForm.value;

要使用后端数据填写表单,请使用以下代码:
this.comapnyIdentificationForm。 patchValue(jsonData);

To fill-up your form with backend data use following code:this.comapnyIdentificationForm.patchValue(jsonData);

这篇关于如何制作一个禁用的反应形式在Angular2中可编辑的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-02 02:13