从JSON生成角度形式

时间:2019-04-18 06:45:29

标签: angular angular6 angular-reactive-forms

我想在运行时从JSON生成一个角度为6的反应式。我还需要字段级别的操作,例如它是否下拉,而不是我可以执行onchange事件;对于其他字段,我们也需要相同的功能。无法找到解决方案。请帮我实现同样的目标。

2 个答案:

答案 0 :(得分:0)

假设这是您的json数据,

data= {name:'name',adress:'some data'}

然后,您可以这样做

 constructor(private fb:FormBuilder){}

 ngOnInit() {samplefb=this.fb.group(userForm:this.fb.group({}));
 //after getting data i mean,service.getdata().toPromise().then(your code)

 (<FormGroup>this.samplefb.get('userForm')).addControl('name',this.fb.control(data.name));
 (<FormGroup>this.samplefb.get('userForm')).addControl('address',this.fb.control(data.address));


  }

希望能奏效!

答案 1 :(得分:-1)

使用ngForngIf迭代JSON并显示正确的字段。

<div *ngFor="let item of items">
    <div *ngIf="item.type === 'dropdown'">...</div>
    <div *ngIf="item.type === 'otherType'"> </div>
</div>

有关更多信息,请访问以下链接:

NgForOf

NgIf