ng-dynamic-forms documentation
  1. Classes
  2. DynamicMaterialFormInputControlComponent

File

projects/ng-dynamic-forms/ui-material/src/lib/dynamic-material-form-input-control.component.ts

Extends

DynamicFormControlComponent

Index

Properties
Methods
Accessors

Constructor

Protected constructor(layoutService: DynamicFormLayoutService, validationService: DynamicFormValidationService)
Defined in projects/ng-dynamic-forms/ui-material/src/lib/dynamic-material-form-input-control.component.ts:12
Parameters :
Name Type Optional
layoutService DynamicFormLayoutService No
validationService DynamicFormValidationService No

Properties

matInput
Type : MatInput | undefined
Defined in projects/ng-dynamic-forms/ui-material/src/lib/dynamic-material-form-input-control.component.ts:12
Private _hasFocus
Default value : false
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:21
blur
Type : EventEmitter<any>
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:29
change
Type : EventEmitter<any>
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:30
customEvent
Type : EventEmitter<DynamicFormControlCustomEvent>
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:31
focus
Type : EventEmitter<any>
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:32
formLayout
Type : DynamicFormLayout
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:23
group
Type : FormGroup
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:24
layout
Type : DynamicFormControlLayout
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:25
model
Type : DynamicFormControlModel
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:26
templates
Type : DynamicFormControlTemplates
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:27

Methods

getClass
getClass(context: DynamicFormControlLayoutContext, place: DynamicFormControlLayoutPlace, model: DynamicFormControlModel)
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:73
Parameters :
Name Type Optional Default value
context DynamicFormControlLayoutContext No
place DynamicFormControlLayoutPlace No
model DynamicFormControlModel No this.model
Returns : string
onBlur
onBlur($event: any)
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:82
Parameters :
Name Type Optional
$event any No
Returns : void
onChange
onChange($event: any)
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:92
Parameters :
Name Type Optional
$event any No
Returns : void
onCustomEvent
onCustomEvent($event: any, type: string | null, bypass: boolean)
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:101
Parameters :
Name Type Optional Default value
$event any No
type string | null No null
bypass boolean No false
Returns : void
onFocus
onFocus($event: any)
Inherited from DynamicFormControlComponent
Defined in DynamicFormControlComponent:113
Parameters :
Name Type Optional
$event any No
Returns : void

Accessors

characterCount
getcharacterCount()
Defined in projects/ng-dynamic-forms/ui-material/src/lib/dynamic-material-form-input-control.component.ts:20
characterHint
getcharacterHint()
Defined in projects/ng-dynamic-forms/ui-material/src/lib/dynamic-material-form-input-control.component.ts:24
showCharacterHint
getshowCharacterHint()
Defined in projects/ng-dynamic-forms/ui-material/src/lib/dynamic-material-form-input-control.component.ts:28
 
import { MatInput } from "@angular/material/input";
import {
    DynamicFormControlComponent,
    DynamicFormLayoutService,
    DynamicFormValidationService,
    DynamicInputControlModel,
    DynamicInputModel
} from "@ng-dynamic-forms/core";

export abstract class DynamicMaterialFormInputControlComponent extends DynamicFormControlComponent {

    matInput: MatInput | undefined;

    protected constructor(protected layoutService: DynamicFormLayoutService,
                          protected validationService: DynamicFormValidationService) {

        super(layoutService, validationService);
    }

    get characterCount(): number | null {
        return this.matInput ? this.matInput.value.length : null;
    }

    get characterHint(): string {
        return `${this.characterCount} / ${(this.model as DynamicInputControlModel<string>).maxLength}`;
    }

    get showCharacterHint(): boolean {
        return !!((this.model as DynamicInputModel).maxLength && this.characterCount);
    }
}

result-matching ""

    No results matching ""