/
githubmirror
/
components
Обзор
Документация
Войти
/
githubmirror
/
components
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components-examples/aria/autocomplete/autocomplete-disabled/autocomplete-disabled-example.html
34 строки
1 KB
tjshiu
feat(aria/combobox): migrate simple-combobox directly into primary entrypoints (#33206)
06 май 2026, 18:50
Не верифицирован
06 май 2026, 18:50
0ca47b4
Код
Авторство
О чём код?
<div class="example-combobox-container"> <div #origin class="example-autocomplete"> <span class="example-search-icon material-symbols-outlined" translate="no">search</span> <input ngCombobox #combobox="ngCombobox" aria-label="Label dropdown" placeholder="Select a country" [(value)]="searchString" [(expanded)]="popupExpanded" disabled readonly /> </div> <ng-template [cdkConnectedOverlay]="{origin, usePopover: 'inline', matchWidth: true}" [cdkConnectedOverlayOpen]="popupExpanded()"> <ng-template ngComboboxPopup [combobox]="combobox"> <div class="example-popup"> @if (countries().length === 0) { <div class="example-no-results">No results found</div> } <div ngListbox ngComboboxWidget focusMode="activedescendant" [tabindex]="-1" [(value)]="selectedOption"> @for (country of countries(); track country) { <div ngOption [value]="country" [label]="country" [disabled]="country === 'Brazil'"> <span class="example-option-label">{{country}}</span> <span class="example-check-icon material-symbols-outlined" translate="no">check</span> </div> } </div> </div> </ng-template> </ng-template> </div>