Menu
Is there any way to disable the entire form in angular when using Reactive forms. I know it is possible to make them disable one by one.
this.tempForm = this.fb.group({ m26_type: '', m26_name: '' }) this.tempForm.get('m26_type').disable(); Is it possible to disable the whole form rather than make every controller disable separately?
283
just add css query to find all input:disabled, textarea:disabled and etc.
Angular tells you that it's better for you to use the ways it gives you to disable/enable form controls. You can enable/disable a form control by using the following ways: Instantiate a new FormControl with the disabled property set to true. FormControl({value: '', disabled: true}) .
If you set disabled to true when you set up this control in your component class, the disabled attribute will actually be set in the DOM for you. We recommend using this approach to avoid 'changed after checked' errors. Example: form = new FormGroup({ first: new FormControl({value: 'Nancy', disabled: true}, Validators.
this.tempForm.disable(); Disables the control. This means the control will be exempt from validation checks and excluded from the aggregate value of any parent. Its status is DISABLED.
If the control has children, all children will be disabled to maintain the model.
LINK
UPDATE
Plunker link - https://plnkr.co/edit/CFC4uKpvfE4otJ2PWdkc?p=preview
178
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
