ng-select disable表单控件无法以反应形式angular

如何解决ng-select disable表单控件无法以反应形式angular

我试图将值设置为我的表单，并希望禁用该表单。

如果以某种方式设置setvalue可以正常工作，但是一旦我编写了disable方法，我的ng-select值就会消失。

在使用值禁用ng-select时，有人遇到过同样的问题吗？

form = new FormGroup({
    code: new FormControl()
});

values = [{
        value: "0"
        label: "test1"
    },{
        value: "1"
        label: "test2"
    }
]
//I am setting values using setvalue and disbling after wards
this.form.controls['code'].setValue('0')
this.form.disable();

<ng-select formControlName="code" [items]="values" bindValue="value" labelForId="code"
[clearable]="false" [selectOnTab]="true" placeholder="Select one" data-e2e-id="code">
</ng-select>

解决方法

确定要更改值吗？

设置值的方法：

使用setValue（）的方法

this.form.get("code").setValue('0');
this.form.controls["code"].setValue('0');

使用patchValue（）的方法

this.form.get("code").patchValue('0');
this.form.controls['code'].patchValue('0');
this.form.patchValue({"code": '0'});

在这种情况下，您可能会遇到这样的问题：仅在应用disablibg之后才更新表单，而您看不到更新文件的提交方式错误

,

通过将disabled设置为true如下所示，可以在初始化窗体控件时禁用/启用

users.push(this.fb.group({
  userType: this.fb.control({value: 'Admin',disabled: true})
}));

您可以通过调用特定表单控件的disable / enable方法来动态执行此操作。

// To enable form control
userType.enable();

// To disable form control
userType.disable();