使用表单组中的值更新模型

时间:2019-05-06 10:33:19

标签: angular forms angular7

我有一个表单组,其中填充了我模型中的数据。示例:

inputForm: FormGroup;

ngOnInit() {
    this.inputForm = this.formBuilder.group({
        name: [this.myObject.name, Validators.required]
    }, {updateOn: 'submit'});
 }

这将在输入字段中显示myObject.name,这是我想要的。然后输入新值并提交时,不会使用新值更新模型。我知道这是预期的行为,但是有没有办法将输入值绑定到myObject.name以便它自动更新,还是我必须从表单组中手动检索新值并分配它?

1 个答案:

答案 0 :(得分:0)

formBuilder除{updateOn}以外,必须直接使用newFormGroup和new FormControl

SELECT fname, lname FROM employee
WHERE NOT EXISTS
(SELECT pnumber FROM project WHERE dnum=5
AND pnumber NOT IN
(SELECT pno FROM works_on WHERE ssn=essn));

(我个人更喜欢这种方式,而不是formBuilder的使用方式)

但这不会更新您的对象,只需更新inputForm。当您需要一些喜欢的东西时

this.inputForm = new FormGroup({
        name: new FormControl(this.myObject.name, Validators.required)
    }, {updateOn: 'submit'});