FieldSelectorComponent

Defined in: packages/rxdb-model-angular/src/query-builder/field-selector/field-selector.component.ts:32

字段选择器组件

Description

使用 Popover API 展示树形字段结构，支持过滤和嵌套关系字段的展开/折叠。 基于 CDK ActiveDescendantKeyManager 提供完整键盘导航和无障碍支持。 不依赖任何第三方 UI 库。

支持两种使用方式：

1. 直接模板使用：监听 (fieldChange) output 事件
2. 通过 NgComponentOutlet 注入：传入 fieldChangeFn 回调 input

Constructors

Constructor

new FieldSelectorComponent(): FieldSelectorComponent;

Returns

FieldSelectorComponent

Properties

fieldChange

readonly fieldChange: OutputEmitterRef<string>;

Defined in: packages/rxdb-model-angular/src/query-builder/field-selector/field-selector.component.ts:41

直接模板使用时的 output 事件

---

fieldChangeFn

readonly fieldChangeFn: InputSignal<((field) => void) | undefined>;

Defined in: packages/rxdb-model-angular/src/query-builder/field-selector/field-selector.component.ts:38

通过 NgComponentOutlet 注入时使用的回调 input

---

fields

readonly fields: InputSignal<FieldMetadata[]>;

Defined in: packages/rxdb-model-angular/src/query-builder/field-selector/field-selector.component.ts:33

---

fieldTree

readonly fieldTree: Signal<FieldTreeNode[]>;

Defined in: packages/rxdb-model-angular/src/query-builder/field-selector/field-selector.component.ts:43

---

placeholder

readonly placeholder: InputSignal<string>;

Defined in: packages/rxdb-model-angular/src/query-builder/field-selector/field-selector.component.ts:35

---

selectedField

readonly selectedField: InputSignal<string>;

Defined in: packages/rxdb-model-angular/src/query-builder/field-selector/field-selector.component.ts:34

Methods

onSelect()

onSelect(field): void;

Defined in: packages/rxdb-model-angular/src/query-builder/field-selector/field-selector.component.ts:45

Parameters

Parameter	Type
field	string

Returns

void