小编Mon*_*ffy的帖子

使用 fromGroup 生成的 Angular 动态 formControlName

我创建了一个由 JSON 数组组成的表单,据此,我正在生成 Validation、formControlName 并通过 formGroup 生成输出。

this.ELEMENT_DATA_UPDATE = [
  {
        first_name : 'abc',
        last_name : 'xyz',
        phone : 8888888888
  }
];
Run Code Online (Sandbox Code Playgroud)

在这里,我使用 Angular 材料,因此将此键值对转换为另一个数组,包含

{"key" : "first_name" , "value" : "abc" , "name" : "First name :"}
Run Code Online (Sandbox Code Playgroud)

这是输入 JSON 数组固定的时间。但是我的项目由大规模的数据操作组成,其中输入的 JSON 数组内容将多次更改。生成 UI 模块没有问题,但是当我尝试将 Validation 和 forms 模块应用于这个动态生成的内容时,整个流程崩溃了,

这是我的代码

this.ELEMENT_DATA_UPDATE = [
  {
        first_name : 'abc',
        last_name : 'xyz',
        phone : 8888888888
  }
];
Run Code Online (Sandbox Code Playgroud)

我的代码正在生成以下代码作为字符串

first_name: ['', Validators.required],
last_name: ['', Validators.required],
job_function: ['', [Validators.required]],
title: ['', [Validators.required]],
email: ['', …
Run Code Online (Sandbox Code Playgroud)

html json dynamic angular

1
推荐指数
1
解决办法
8197
查看次数

标签 统计

angular ×1

dynamic ×1

html ×1

json ×1