Fix dashboard input being disable in HTML
This commit is contained in:
parent
049ac1a8a1
commit
0561d945c5
|
@ -1,4 +1,5 @@
|
||||||
import {
|
import {
|
||||||
|
AfterViewInit,
|
||||||
Component,
|
Component,
|
||||||
ElementRef,
|
ElementRef,
|
||||||
EventEmitter,
|
EventEmitter,
|
||||||
|
@ -171,7 +172,7 @@ export interface Option {
|
||||||
`,
|
`,
|
||||||
styleUrls: ['input.component.css']
|
styleUrls: ['input.component.css']
|
||||||
})
|
})
|
||||||
export class InputComponent implements OnInit, OnDestroy, OnChanges {
|
export class InputComponent implements OnDestroy, AfterViewInit, OnChanges {
|
||||||
/** Basic information */
|
/** Basic information */
|
||||||
@Input('formInput') formControl: AbstractControl;
|
@Input('formInput') formControl: AbstractControl;
|
||||||
@Input('type') type: 'text' | 'URL' | 'logoURL' | 'autocomplete' | 'textarea' | 'select' | 'checkbox' | 'chips' = 'text';
|
@Input('type') type: 'text' | 'URL' | 'logoURL' | 'autocomplete' | 'textarea' | 'select' | 'checkbox' | 'chips' = 'text';
|
||||||
|
@ -225,7 +226,7 @@ export class InputComponent implements OnInit, OnDestroy, OnChanges {
|
||||||
this.focusEmitter.emit(this.focused);
|
this.focusEmitter.emit(this.focused);
|
||||||
}
|
}
|
||||||
|
|
||||||
ngOnInit(): void {
|
ngAfterViewInit() {
|
||||||
this.reset();
|
this.reset();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -279,6 +280,9 @@ export class InputComponent implements OnInit, OnDestroy, OnChanges {
|
||||||
if (!this.formControl.value) {
|
if (!this.formControl.value) {
|
||||||
this.formControl.setValue((this.type === "checkbox")?false:'');
|
this.formControl.setValue((this.type === "checkbox")?false:'');
|
||||||
}
|
}
|
||||||
|
if(this.input) {
|
||||||
|
this.input.nativeElement.disabled = this.formControl.disabled;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
unsubscribe() {
|
unsubscribe() {
|
||||||
|
|
Loading…
Reference in New Issue