小编dim*_*tri的帖子

如何获取 Angular 响应式表单中值发生变化的字段的 FormControlName

我有一个包含超过 10 个表单控件的反应式表单,并使用 valueChanges observable 的订阅来检测更改。它工作完美,但输出始终是整个表单值对象(意味着所有表单控件及其值)。有没有办法简单地获取更改的字段的表单控件名称?

this.form = this.fb.group({
    field1: ['', Validators.required],
    field2: ['', Validators.required],
    field3: ['', Validators.required],
    field4: ['', Validators.required],
    field5: ['', Validators.required],
    field6: ['', Validators.required],
    field7: ['', Validators.required],
    field8: ['', Validators.required],
    field9: ['', Validators.required],
    field10: ['', Validators.required],
    field11: ['', Validators.required],
    field12: ['', Validators.required],
    field13: [{ value: '', disabled: true }, Validators.required]
});

this.form.valueChanges.subscribe(
    result => this.calculateParams(result)
);

calculateParams(result) {
    console.log(result); // giving the entire form.value object
}
Run Code Online (Sandbox Code Playgroud)

javascript rxjs typescript angular

6
推荐指数
1
解决办法
2万
查看次数

标签 统计

angular ×1

javascript ×1

rxjs ×1

typescript ×1