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

File

projects/ng-dynamic-forms/core/src/lib/component/dynamic-form-control-with-template.component.ts

Extends

DynamicFormControlComponent

Implements

DynamicFormControlWithTemplate AfterViewInit

Index

Properties
Methods
Accessors

Properties

Readonly templateDirectives
Type : Map<string | string>
Defined in projects/ng-dynamic-forms/core/src/lib/component/dynamic-form-control-with-template.component.ts:10
templates
Type : QueryList<DynamicTemplateDirective> | DynamicTemplateDirective[] | undefined
Defined in projects/ng-dynamic-forms/core/src/lib/component/dynamic-form-control-with-template.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

bindTemplate
bindTemplate(template: DynamicTemplateDirective)
Defined in projects/ng-dynamic-forms/core/src/lib/component/dynamic-form-control-with-template.component.ts:25
Parameters :
Name Type Optional
template DynamicTemplateDirective No
Returns : void
Abstract mapTemplate
mapTemplate(template: DynamicTemplateDirective)
Defined in projects/ng-dynamic-forms/core/src/lib/component/dynamic-form-control-with-template.component.ts:23
Parameters :
Name Type Optional
template DynamicTemplateDirective No
Returns : DynamicTemplateDirective | TemplateRef
ngAfterViewInit
ngAfterViewInit()
Defined in projects/ng-dynamic-forms/core/src/lib/component/dynamic-form-control-with-template.component.ts:14
Returns : void
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

viewChild
getviewChild()
Defined in projects/ng-dynamic-forms/core/src/lib/component/dynamic-form-control-with-template.component.ts:21
 
import { AfterViewInit, QueryList, TemplateRef } from "@angular/core";
import { DynamicFormControlWithTemplate } from "./dynamic-form-control-with-template-interface";
import { DynamicTemplateDirective } from "../directive/dynamic-template.directive";
import { DynamicFormControlComponent } from "./dynamic-form-control.component";
import { isString } from "../utils/core.utils";

export abstract class DynamicFormControlWithTemplateComponent extends DynamicFormControlComponent
    implements DynamicFormControlWithTemplate, AfterViewInit {

    readonly templateDirectives: Map<string, string>;

    templates: QueryList<DynamicTemplateDirective> | DynamicTemplateDirective[] | undefined;

    ngAfterViewInit() {

        this.layoutService
            .filterTemplatesByModel(this.model, this.templates)
            .forEach(template => this.bindTemplate(template));
    }

    abstract get viewChild(): any;

    abstract mapTemplate(template: DynamicTemplateDirective): DynamicTemplateDirective | TemplateRef<any>;

    bindTemplate(template: DynamicTemplateDirective) {

        if (isString(template.as) && this.templateDirectives.has(template.as)) {

            const property = this.templateDirectives.get(template.as) as string;

            this.viewChild[property] = this.mapTemplate(template);
        }
    }
}

result-matching ""

    No results matching ""