Skip to content

SiSelectMultiValueDirective documentation

selector
si-select[multi]

The directive enables the multi-select behavior. Otherwise, use the SiSelectSingleValueDirective directive.

Example:

<si-select multi [(value)]="multiValue" [options]="[
 { id: 'good', title: 'Good' },
 { id: 'average', title: 'Average' },
 { id: 'poor', title: 'Poor' }
]"></si-select>

Input Properties

Name Type Default Description
(writeonly) value
 (IV | undefined) The selected value(s).

Output Properties

Name Type Description
valueChange
 T[] Emitted when the selection is changed

Attributes and Methods

Name Type Default Description
(readonly) allowMultiple
 true true SiSelectSelectionStrategy#allowMultiple

Types Documentation

<T> extends SiSelectSelectionStrategy<T, T>
Class
▶
The directive enables the single-select behavior. Otherwise, use the SiSelectMultiValueDirective directive.

Example:
<si-select [(value)]="selectedValue" [options]="[
 { id: 'good', title: 'Good' },
 { id: 'average', title: 'Average' },
 { id: 'poor', title: 'Poor' }
]"></si-select>
Constructor
() => {} from SiSelectSelectionStrategy<T, T>.constructor
Properties
SiSelectSelectionStrategy#allowMultiple
allowMultiple: boolean = false
Provides the internal value always as an array
arrayValue: Signal<readonly T[]> from SiSelectSelectionStrategy.arrayValue = ...
Emitted when the selection is changed
valueChange: OutputEmitterRef<T> from SiSelectSelectionStrategy.valueChange = ...
Accessors
The selected value(s).
set value: (value: (IV | undefined)) from SiSelectSelectionStrategy.value
Methods
(readonly T[]) => T
Parameters
Parameter: readonly T[]
(value: (T | null | undefined)) => readonly T[]
Parameters
value: (T | null | undefined)
(values: readonly T[]) => void from SiSelectSelectionStrategy.updateFromUser
CDK Listbox value changed handler.
Parameters
values: readonly T[]

Except where otherwise noted, content on this site is licensed under MIT License.