Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何检索提交回UI的动态响应表单值?_Javascript_Angular_Typescript - Fatal编程技术网

Javascript 如何检索提交回UI的动态响应表单值?

Javascript 如何检索提交回UI的动态响应表单值?,javascript,angular,typescript,Javascript,Angular,Typescript,我在angular 7中使用了反应式表单来动态创建表单。我能够生成表单,以正确的格式获取值,并能够正确提交。我的问题是,我需要在更新表单时在UI中检索这些值。简而言之,我需要在更新表单时在UI中重新填充这些动态表单值 我能够在点击“添加”按钮时动态添加表单。并且能够提交表格。我使用ngModel进行双向数据绑定,以便在UI中重新填充它 我希望在续订时在UI中重新填充提交的表单值 您可以使用表单生成器: save(model: Customer) { // call API to sav

我在angular 7中使用了反应式表单来动态创建表单。我能够生成表单,以正确的格式获取值,并能够正确提交。我的问题是,我需要在更新表单时在UI中检索这些值。简而言之,我需要在更新表单时在UI中重新填充这些动态表单值

我能够在点击“添加”按钮时动态添加表单。并且能够提交表格。我使用ngModel进行双向数据绑定,以便在UI中重新填充它

我希望在续订时在UI中重新填充提交的表单值


您可以使用表单生成器:

save(model: Customer) {
     // call API to save customer
     console.log(model);
     // repopulate the form
    this.myForm = this._fb.group({
            name: [model.name, [Validators.required, Validators.minLength(5)]],
            addresses: this._fb.array([
                this.initAddress(model.address),
            ])
        });
}

我遵循了本教程的实现-当您有表单时,为什么要使用ngModel?您可以直接在typescript中获取和设置表单的值。下面是一篇如何解决这个问题的文章:我有一个添加按钮。。单击它生成表单的。所以我使用了ngModel来重新填充,如果我理解正确的话,您有一个表单组的动态数组。在这里,您可以使用媒体教程中所述的表单数组。当我使用简单表单时,这种方法就有效了。但我有一个动态表单,它是在单击“添加”按钮时生成的。@revati您能发布代码以便我们了解您要做什么吗?