这是我的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>
我想为behaviour
和behaviourValue
使用双向绑定来动态创建输入。我希望能够同时更新它们。
这是我的代码: https://stackblitz.com/edit/angular-rpzrxj?file=src/app/app.component.ts