Skip to content

SiSelectSingleValueDirective documentation

selector
si-select:not([multi])

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>

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
allowMultiple
 boolean false SiSelectSelectionStrategy#allowMultiple

Types Documentation

<T> extends SiSelectSelectionStrategy<T, T[]>
Class
▶
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>
Constructor
() => {} from SiSelectSelectionStrategy<T, T[]>.constructor
Properties
SiSelectSelectionStrategy#allowMultiple
allowMultiple: true = true
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
(value: T[]) => T[]
Parameters
value: T[]
(value: (T[] | null | undefined)) => 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.