跳到主要内容

ValueInputComponent

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:222

值输入组件

Description​

根据字段类型和操作符显示合适的输入控件:

  • string: 文本输入框
  • number: 数字输入框
  • boolean: 切换开关
  • date: 日期选择器
  • enum: 下拉选择器
  • array: 逗号分隔的文本输入
  • range: 范围输入(双输入框或范围选择器)
  • null/notNull 操作符: 无输入
  • exists/notExists 操作符: 子查询构建器

Implements​

  • OnInit
  • OnDestroy

Constructors​

Constructor​

new ValueInputComponent(): ValueInputComponent;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:271

Returns​

ValueInputComponent

Properties​

arrayInputValue​

readonly arrayInputValue: WritableSignal<string>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:261


currentDateStr​

readonly currentDateStr: WritableSignal<string>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:262


currentValue​

readonly currentValue: WritableSignal<unknown>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:258

信号状态 —— 替代原先的可变类属性


dateRangeEnd​

readonly dateRangeEnd: WritableSignal<string>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:264


dateRangeStart​

readonly dateRangeStart: WritableSignal<string>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:263


enumOptions​

readonly enumOptions: InputSignal<unknown[]>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:242


enumSelectOptions​

readonly enumSelectOptions: Signal<object[]>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:267


errorMessage​

readonly errorMessage: InputSignal<string>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:249


fieldType​

readonly fieldType: InputSignal<string>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:239


hasError​

readonly hasError: Signal<boolean>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:250


inputType​

readonly inputType: Signal<string>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:266


operator​

readonly operator: InputSignal<string>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:240


rangeMax​

readonly rangeMax: WritableSignal<unknown>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:260


rangeMin​

readonly rangeMin: WritableSignal<unknown>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:259


relationFields​

readonly relationFields: InputSignal<FieldMetadata[]>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:243


subqueryContainer?​

optional subqueryContainer?: ViewContainerRef;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:237


uuidError​

readonly uuidError: Signal<"" | "请输入合法的 UUID 格式">;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:230

UUID 格式校验错误(基于 currentValue 派生,inputType 不是 uuid 时自动为空)


value​

readonly value: InputSignal<unknown>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:241


valueChange​

readonly valueChange: OutputEmitterRef<unknown>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:246


valueChangeFn​

readonly valueChangeFn: InputSignal<((value) => void) | undefined>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:252


where​

readonly where: InputSignal<
| QueryBuilderRuleGroup<Record<string, unknown>>
| undefined>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:244


whereChange​

readonly whereChange: OutputEmitterRef<
| QueryBuilderRuleGroup<Record<string, unknown>>
| undefined>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:247


whereChangeFn​

readonly whereChangeFn: InputSignal<((where) => void) | undefined>;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:253

Methods​

handleWhereChange()​

handleWhereChange(where): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:437

Parameters​

ParameterType
where| { combinator: "and" | "or"; rules: unknown[]; } | undefined

Returns​

void


isEnumSelected()​

isEnumSelected(opt): boolean;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:362

枚举选项是否选中

Parameters​

ParameterType
optunknown

Returns​

boolean


ngOnDestroy()​

ngOnDestroy(): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:302

A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.

Returns​

void

Implementation of​

OnDestroy.ngOnDestroy

ngOnInit()​

ngOnInit(): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:306

A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

Returns​

void

Implementation of​

OnInit.ngOnInit

onArrayInputChange()​

onArrayInputChange(value): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:430

数组输入值变更(逗号分隔字符串)

Parameters​

ParameterType
valuestring

Returns​

void


onDateRangeEndChange()​

onDateRangeEndChange(value): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:388

日期范围结束变更

Parameters​

ParameterType
valuestring

Returns​

void


onDateRangePartChange()​

onDateRangePartChange(): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:393

Returns​

void


onDateRangeStartChange()​

onDateRangeStartChange(value): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:382

日期范围起始变更

Parameters​

ParameterType
valuestring

Returns​

void


onEnumArrayChange()​

onEnumArrayChange(event): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:353

枚举多选变更

Parameters​

ParameterType
eventEvent

Returns​

void


onEnumSelect()​

onEnumSelect(value): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:368

枚举值选中(来自 PopoverSelectComponent)

Parameters​

ParameterType
valuestring

Returns​

void


onNativeDateChange()​

onNativeDateChange(value): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:375

原生日期输入变更

Parameters​

ParameterType
valuestring

Returns​

void


onNumberInputChange()​

onNumberInputChange(value): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:345

数字输入变更

Parameters​

ParameterType
valuestring

Returns​

void


onRangeChange()​

onRangeChange(): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:417

Returns​

void


onRangeMaxChange()​

onRangeMaxChange(value): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:412

范围最大值变更

Parameters​

ParameterType
valuestring

Returns​

void


onRangeMinChange()​

onRangeMinChange(value): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:406

范围最小值变更

Parameters​

ParameterType
valuestring

Returns​

void


onUuidChange()​

onUuidChange(value): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:337

UUID 值变更(带格式校验)

Parameters​

ParameterType
valuestring

Returns​

void


onValueChange()​

onValueChange(value): void;

Defined in: packages/rxdb-model-angular/src/query-builder/value-input/value-input.component.ts:330

通用值变更(string / boolean…)

Parameters​

ParameterType
valueunknown

Returns​

void