File

projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts

Extends

DynamicPrimeNGFormControlWithTemplateComponent

Metadata

selector	`dynamic-primeng-chips`
templateUrl	`./dynamic-primeng-chips.component.html`

Index

Constructor

constructor(layoutService: DynamicFormLayoutService, validationService: DynamicFormValidationService)

Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts:34

Parameters :

Name	Type	Optional
layoutService	`DynamicFormLayoutService`	No
validationService	`DynamicFormValidationService`	No

Inputs

formLayout
Type : `DynamicFormLayout`
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts:23

group
Type : `FormGroup`
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts:24

layout
Type : `DynamicFormControlLayout`
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts:25

model
Type : `DynamicInputModel`
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts:26

templates
Type : `QueryList<DynamicTemplateDirective> \| DynamicTemplateDirective[] \| undefined`
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts:27

Outputs

blur
Type : `EventEmitter<any>`
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts:29

change
Type : `EventEmitter<any>`
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts:30

customEvent
Type : `EventEmitter<DynamicFormControlCustomEvent>`
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts:31

focus
Type : `EventEmitter<any>`
Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts:32

Methods

mapTemplate

mapTemplate(template: DynamicTemplateDirective)

Inherited from DynamicPrimeNGFormControlWithTemplateComponent

Defined in DynamicPrimeNGFormControlWithTemplateComponent:6

Parameters :

Name	Type	Optional
template	`DynamicTemplateDirective`	No

Returns : DynamicTemplateDirective | TemplateRef

bindTemplate

bindTemplate(template: DynamicTemplateDirective)

Inherited from DynamicFormControlWithTemplateComponent

Defined in DynamicFormControlWithTemplateComponent:25

Parameters :

Name	Type	Optional
template	`DynamicTemplateDirective`	No

Returns : void

Abstract mapTemplate

mapTemplate(template: DynamicTemplateDirective)

Inherited from DynamicFormControlWithTemplateComponent

Defined in DynamicFormControlWithTemplateComponent:23

Parameters :

Name	Type	Optional
template	`DynamicTemplateDirective`	No

Returns : DynamicTemplateDirective | TemplateRef

ngAfterViewInit

ngAfterViewInit()

Inherited from DynamicFormControlWithTemplateComponent

Defined in DynamicFormControlWithTemplateComponent: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

Properties

pChips

Type : Chips

Decorators :


                                @ViewChild('pChips', {static: true})

Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts:34

Readonly templateDirectives

Default value : PRIME_NG_TEMPLATE_DIRECTIVES

Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts:21

Readonly templateDirectives

Type : Map<string | string>

Inherited from DynamicFormControlWithTemplateComponent

Defined in DynamicFormControlWithTemplateComponent:10

templates

Type : QueryList<DynamicTemplateDirective> | DynamicTemplateDirective[] | undefined

Inherited from DynamicFormControlWithTemplateComponent

Defined in DynamicFormControlWithTemplateComponent: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

Accessors

viewChild

getviewChild()

Defined in projects/ng-dynamic-forms/ui-primeng/src/lib/chips/dynamic-primeng-chips.component.ts:42

import { Component, EventEmitter, Input, Output, QueryList, ViewChild } from "@angular/core";
import { FormGroup } from "@angular/forms";
import { Chips } from "primeng/primeng";
import {
    DynamicFormControlCustomEvent, DynamicFormControlLayout,
    DynamicFormLayout,
    DynamicFormLayoutService,
    DynamicFormValidationService,
    DynamicInputModel,
    DynamicTemplateDirective
} from "@ng-dynamic-forms/core";
import { PRIME_NG_TEMPLATE_DIRECTIVES } from "../dynamic-primeng-form.const";
import { DynamicPrimeNGFormControlWithTemplateComponent } from "../dynamic-primeng-form-control-with-template.component";

@Component({
    selector: "dynamic-primeng-chips",
    templateUrl: "./dynamic-primeng-chips.component.html"
})
export class DynamicPrimeNGChipsComponent extends DynamicPrimeNGFormControlWithTemplateComponent {

    readonly templateDirectives = PRIME_NG_TEMPLATE_DIRECTIVES;

    @Input() formLayout: DynamicFormLayout;
    @Input() group: FormGroup;
    @Input() layout: DynamicFormControlLayout;
    @Input() model: DynamicInputModel;
    @Input() templates: QueryList<DynamicTemplateDirective> | DynamicTemplateDirective[] | undefined;

    @Output() blur: EventEmitter<any> = new EventEmitter();
    @Output() change: EventEmitter<any> = new EventEmitter();
    @Output() customEvent: EventEmitter<DynamicFormControlCustomEvent> = new EventEmitter();
    @Output() focus: EventEmitter<any> = new EventEmitter();

    @ViewChild("pChips", { static: true }) pChips: Chips;

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

        super(layoutService, validationService);
    }

    get viewChild(): Chips {
        return this.pChips;
    }
}

<div [formGroup]="group" [ngClass]="getClass('grid', 'control')">

    <p-chips #pChips
             [allowDuplicate]="model.getAdditional('allowDuplicate', true)"
             [formControlName]="model.id"
             [id]="id"
             [ngClass]="getClass('element', 'control')"
             [tabindex]="model.tabIndex"
             (change)="onChange($event)"
             (onAdd)="onCustomEvent($event, 'onAdd')"
             (onRemove)="onCustomEvent($event, 'onRemove')"></p-chips>

</div>

Legend

Html element

Component

Html element with directive

File

Extends

Metadata

Index

Properties

Methods

Inputs

Outputs

Accessors

Constructor

Inputs

Outputs

Methods

Properties

Accessors

result-matching ""

No results matching ""