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