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

Question

每个人。

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

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

问题是当任何输入的值，我在组件中修改它，例如在一个函数中。

它没有检测到这些变化。我在这里找了很多资料，但我还没有找到解决方案。

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

Stackblitz项目实例

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;"
/>