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

时间:2019-11-18 03:01:47

标签: angular typescript angular-reactive-forms

这是我的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(索引:数字){         返回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>

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

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

0 个答案:

没有答案