{{ select.triggerValue }} @for (option of filteredOptions | async; track option) { }

Custom footer

{{ option }} select with cdk-virtual-scroll toggle open close

Ничего не найдено

@for (option of filteredOptions | async; track option) { }

Ничего не найдено

select with cdk-virtual-scroll {{ option.value.name }} @if (!option.disabled && !select.disabled) { } multiple select with cdk-virtual-scroll, option as object {{ singleSelectedWithSearch }}

Ничего не найдено

@for (option of filteredOptions | async; track option) { } add option {{ multipleSelectedWithSearch }}

Ничего не найдено

@for (option of filteredMultipleOptions | async; track option) { }

Disabled Normal Hovered Focused Selected Selected1 Selected2 Selected3 Selected4 Selected5 Selected6 Selected7 Selected8 Selected9 Selected10 Normal Normal newValue connected formControl value: {{ singleSelectFormControl.value }} select.value: {{ selectWithFormControl.value }} Update connected form control value Normal

{{ multipleSelected }}

Disabled Normal Hovered FocusedFocusedFocusedFocusedFocusedFocusedFocusedFocusedFocusedFocused Selected Selected1 Selected2 Selected3 Selected4 Selected5 Selected6 Selected7 Selected8 Selected9 Selected10 Общие сведения и очень-очень-очень-очень-очень-очень-очень-очень-очень длинный текст Normal Hovered Selected Selected1 Normal Hovered Selected Selected1

Custom tag content

Const text instead of tag text

Normal Hovered Selected Selected1 CONST VALUE @if (!option.disabled && !select.disabled) { }

Custom tag text with context value

Normal Hovered Selected Selected1 Tag text: {{ option.viewValue }} @if (!option.disabled && !select.disabled) { }

Custom footer

With icon button in footer

Normal Hovered Selected Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 CONST VALUE @if (!option.disabled && !select.disabled) { }

test

Without icon in footer

Normal Hovered Selected Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 Selected1 CONST VALUE @if (!option.disabled && !select.disabled) { }

test

{{ option }} select with cdk-virtual-scroll