([ngmodel]) 对象在方法中更改时不会刷新数据

Question

everyone，

我希望你能帮助我解决我的问题。

我目前正在通过 JSON 生成一组输入。 如果我修改Web界面中的数据，则没有问题。

当任何输入的值，我在组件中修改它时，例如在函数中，问题就来了。

它不会检测到更改。我在这里搜索了信息，但还没有找到解决方案。

我给你留下一个链接，你可以在其中看到代码和我遇到的问题。

Stackblitz Proyect 示例

Answer 1

您需要在模板中使用正确的绑定：

设置值[ngModel]="form[inputs.value.name] || inputs.value.default"，允许使用默认值。

要更新值，我们需要侦听输出(ngModelChange)="form[inputs.value.name] = $event"。

<input
matInput
type="number"
id={{inputs.value.name}}
[ngModel]="form[inputs.value.name] || inputs.value.default"
(ngModelChange)="form[inputs.value.name] = $event"
placeholder={{inputs.value.minimum}}
min={{inputs.value.minimum}}
max={{inputs.value.maximum}}
step={{inputs.value.step}}
matTooltip="{{inputs.value.title}}: {{inputs.value.description}}"
matTooltipPosition="before"
style="text-align: right;"
/>