angular - 有哪些方法可以区分以编程方式修改的表单控件和由用户修改的表单控件?

标签 angular angular-reactive-forms

我使用 Angular react 形式来创建一个带有文本字段的表单。

如果字段的数据已经存储,我会预先填充这些字段。现在我可以允许用户导航到这些表单来编辑字段。

我想在编辑文本字段时调用一个函数,这可能会清除它下面的其他字段。

但是我不希望该函数清除其他字段以在以编程方式修改文本字段时被调用,在这种情况下,是预先填充的。

如何使用 Angular react 形式及其 API 实现这一点?表单控件上的标志,如 pristinetouched受用户操作和程序化预填充的影响。

最佳答案

如果您正在以编程方式修改文本字段,请设置一个额外的 bool 值(例如:modifiedProgramatically = true)并检查 bool 值以及原始或触摸等表单控件上的标志。

关于angular - 有哪些方法可以区分以编程方式修改的表单控件和由用户修改的表单控件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57534538/

相关文章:

javascript - 如何从 Node 表达渲染 Angular 组件

validation - 使用 ngModel 验证 Angular 2 单选按钮

angular - <mat-error> 从父组件中的自定义 formControl 继承验证时,在 ControlValueAccessor 中不起作用

Angular 5 react 形式设置 mat-checkbox 来检查

javascript - Angular Material MatChipList - 如何在动态 FormArray 上使用它?

javascript - 如何从Angular中的错误中恢复

html - 应用于其下方元素的 Angular 6 路由器导出样式

javascript - 如何使用 mat-select 与 react 形式 formarray Angular

angular - 如何从 Angular 中的选择选项获取多个属性值

html - 如果在用户触摸后输入为空/不正确,则显示不同的错误消息