以动态角度形式设置键和值

Question

这是我的JSON：

jsonData = {
    "event": {
        "params": {
            "behaviour": "behaviourValue",
            "message": "My Message",
            "severity": null
        }
    }
}

component.ts中的代码

for (const key in event.params) {
    if (key !== 'message' && key !== 'severity') {
        const control = [event.params[key]];
        _controls[key] = control;
        this.controls[index] = new Array();
        this.controls[index].push(key);
    }
}

getControls（index：number）{返回this.controls [index];}

component.html中的代码

<div *ngFor="let control of getControls(in)" class="form-row mb-4">
    <input type="text" [formControlName]="control" placeholder="parameter value">
</div>

我想使用双向绑定为behaviour和behaviourValue动态创建输入。我希望能够同时更新它们。

这是我的代码：https://stackblitz.com/edit/angular-rpzrxj?file=src/app/app.component.ts

Answer 1

我添加了两个不同的对象，一个是ngFor，另一个是FormGroup。