Problem:
When using reactive form in angular disabled property binding does not work in template.
Solutions:
- Using disable method programmatically in form control.
- Create directive
In my case I couldn’t use disabled since my input is not a control in form. It’s just a input in template.
So I created directive.
You can find it here. It might help some one having my requirement.
import { Directive, ElementRef, Input } from ‘@angular/core’; import { OnChanges } from ‘@angular/core/src/metadata/lifecycle_hooks’; /** export class InputDisabledDirective implements OnChanges { constructor(private el: ElementRef) { } ngOnChanges(): void { } |