PopoverSelectComponent
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:106
基于 Popover API 的下拉选择组件
Description
使用浏览器原生 Popover API 渲染选项列表，在 top layer 渲染，
确保在 overflow: auto/hidden 容器内也不会被裁剪。
支持关键字过滤、键盘导航（↑↓ 移动、Enter 选中、Escape 关闭）。
打开弹框自动高亮第一项，搜索后也自动高亮第一条结果。
Constructors
Constructor
new PopoverSelectComponent(): PopoverSelectComponent;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:137
Returns
PopoverSelectComponent
Properties
activeIndex
protected readonly activeIndex: WritableSignal<number>;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:114
activeItemId
readonly activeItemId: Signal<string | null>;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:131
currentLabel
readonly currentLabel: Signal<string>;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:123
filteredOptions
readonly filteredOptions: Signal<readonly object[]>;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:125
filterText
protected readonly filterText: WritableSignal<string>;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:113
listId
protected readonly listId: string;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:112
minWidth
readonly minWidth: InputSignal<string>;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:119
options
readonly options: InputSignal<readonly object[]>;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:116
placeholder
readonly placeholder: InputSignal<string>;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:118
selectChange
readonly selectChange: OutputEmitterRef<string>;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:121
selected
readonly selected: InputSignal<string>;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:117
uid
protected readonly uid: string;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:111
Methods
onBeforeToggle()
onBeforeToggle(event): void;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:144
Parameters
| Parameter | Type |
|---|---|
event | Event |
Returns
void
onKeydown()
onKeydown(event): void;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:159
Parameters
| Parameter | Type |
|---|---|
event | KeyboardEvent |
Returns
void
onSelect()
onSelect(value): void;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:199
Parameters
| Parameter | Type |
|---|---|
value | string |
Returns
void
onToggle()
onToggle(event): void;
Defined in: packages/rxdb-model-angular/src/query-builder/popover-select/popover-select.component.ts:152
Parameters
| Parameter | Type |
|---|---|
event | Event |
Returns
void