角度6反应形式的双向约束

发布时间：2020-12-17 08:45:54 所属栏目：安全来源：网络整理

导读：我试图用嵌套的组件创建一个复杂的反应形式,该组件填充了数据对象. 我试图实现的行为非常类似于模板驱动形式的双向数据绑定：当用户编辑表单的输入时,数据对象会自动更改. 但是与模板驱动的形式相反,我不能使用[(ngModel)],因为它在角度V6的反应形式中被弃用

我试图用嵌套的组件创建一个复杂的反应形式,该组件填充了数据对象.

我试图实现的行为非常类似于模板驱动形式的双向数据绑定：当用户编辑表单的输入时,数据对象会自动更改.

但是与模板驱动的形式相反,我不能使用[(ngModel)],因为它在角度V6的反应形式中被弃用.

我知道fromGroup.patchValue()只会执行单向绑定,然后不得不手动订阅更改事件并手动更新数据对象 – 这将导致大量疲惫的代码.

该方案有没有解决方法？

好吧,如果我理解正确,我遇到了类似的问题(我真的没有
知道这是否是最好的做法)但它在 HTML中对我有用：

<mat-form-field class="mat-container">
    <input matInput  [formControl]="generalDiscount" type="number" 
        formControlName="generalDiscount" 
        (input)="course.amounts.generalDiscount = $event.target.value" <-the workaround 
        placeholder="Discount" required="required">
</mat-form-field>

此输入使其成为双向绑定,在.ts类中,您需要将相同的字段放在表单组中

this.amountGroup = this._formBuilder.group({

    [this.course.amounts.fitToNomberOfPeople,Validators.required],generalDiscount:[this.course.amounts.generalDiscount,});

希望有所帮助

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!