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

Question

大家，

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

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

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

它没有检测到变化。在这里找了资料，还没找到解决方法

我给你留了一个 link 在那里你可以看到代码和我遇到的问题。

Stackblitz Proyect Example

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

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

([ngmodel]) object does not refresh data when it is changed in a method

typescript

angular-ngmodel

angular-material

angular