dynamic-forms-primeng / Class

PrimeSelectControlComponent

Decorators:@Component
Selectors:df-prime-select-control
Implements:FormValueControl<ValueType>

A wrapper component for PrimeNG's Select/MultiSelect that implements FormValueControl. This allows it to work with Angular's [formField] directive from @angular/forms/signals.

Constructor

No documentation has been provided.

Presentation

Properties

NameTypeDescription
ariaDescribedBy
r
InputSignal<string | null>

aria-describedby IDs passed from parent

ariaInvalid
r
InputSignal<boolean>

aria-invalid passed from parent (computed from field state)

ariaRequired
r
InputSignal<boolean | null>

aria-required passed from parent (computed from field state)

disabled
r
implements FormUiControl
InputSignal<boolean>

Whether the field is disabled

filter
r
InputSignal<boolean>
inputId
r
InputSignal<string>
invalid
r
implements FormUiControl
InputSignal<boolean>

Whether the field is invalid (from FormField directive)

meta
r
InputSignal<FieldMeta | undefined>
multiple
r
InputSignal<boolean>
multiValue
p r
Signal<any[]>

Computed to cast value as array for multi-select

options
r
InputSignal<FieldOption<ValueType>[]>
placeholder
r
InputSignal<string>
readonly
r
implements FormUiControl
InputSignal<boolean>

Whether the field is readonly

required
r
implements FormUiControl
InputSignal<boolean>

Whether the field is required (from FormField directive)

showClear
r
InputSignal<boolean>
styleClass
r
InputSignal<string>
touched
r
implements FormUiControl
ModelSignal<boolean>

Tracks whether the field has been touched - used by FormField directive

value
r
implements FormValueControl
ModelSignal<ValueType>

The value of the select - required by FormValueControl

Methods

onBlur()

Marks the field as touched when select loses focus

Presentation
onBlur(): void;
Returns
void

onMultiSelectChange()

Handles multi select change event

Presentation
onMultiSelectChange(event: MultiSelectChangeEvent): void;
Parameters
NameTypeDescription
event
MultiSelectChangeEvent
Returns
void

onSelectChange()

Handles single select change event

Presentation
onSelectChange(event: SelectChangeEvent): void;
Parameters
NameTypeDescription
event
SelectChangeEvent
Returns
void