跳到主要内容

EntityFormComponent

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:244

元数据驱动表单组件：按字段类型渲染对应输入控件，支持 create / edit / view 三模式； 解析、格式化与校验全部委托 @aiao/rxdb-model。

Constructors​

Constructor​

new EntityFormComponent(): EntityFormComponent;

Returns​

EntityFormComponent

Properties​

data​

readonly data: InputSignal<EntityFormData>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:246

displayValueMap​

readonly displayValueMap: Signal<Map<string, string>>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:278

editableFields​

readonly editableFields: Signal<FormFieldConfig[]>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:259

fieldChanged​

readonly fieldChanged: OutputEmitterRef<FormFieldChangeEvent>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:251

fields​

readonly fields: InputSignal<FormFieldConfig[]>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:245

formCancelled​

readonly formCancelled: OutputEmitterRef<void>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:253

formData​

readonly formData: WritableSignal<{
[field: string]: unknown;
}>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:257

formSubmitted​

readonly formSubmitted: OutputEmitterRef<EntityFormData>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:252

initialData​

readonly initialData: WritableSignal<{
[field: string]: unknown;
}>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:256

isReadonly​

readonly isReadonly: Signal<boolean>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:263

mode​

readonly mode: InputSignal<FormMode>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:247

relatedEntityProvider​

readonly relatedEntityProvider: InputSignal<
  | RelatedEntityProvider
  | undefined>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:248

relatedItemsMap​

readonly relatedItemsMap: Signal<Map<string, RelatedEntityItem[]>>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:265

showActions​

readonly showActions: InputSignal<boolean>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:249

validationErrors​

readonly validationErrors: OutputEmitterRef<FormValidationResult>;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:254

Methods​

binaryToHex()​

binaryToHex(value): string;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:450

字节序列回显为 hex 字符串

Parameters​

ParameterType
valueunknown

Returns​

string

colorValue()​

colorValue(field): string;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:438

取色器回显值：非法或空值退回黑色

Parameters​

ParameterType
fieldFormFieldConfig

Returns​

string

dateInputType()​

dateInputType(field): "time" | "date" | "datetime-local";

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:360

dateTime format 的显示模式映射到原生输入类型

Parameters​

ParameterType
fieldFormFieldConfig

Returns​

"time" | "date" | "datetime-local"

datePipeFormat()​

datePipeFormat(field): string;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:370

dateTime format 的显示模式映射到 DatePipe 格式

Parameters​

ParameterType
fieldFormFieldConfig

Returns​

string

enumOptionDisabled()​

enumOptionDisabled(field, value): boolean;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:419

options 中声明 disabled 的值不可选

Parameters​

ParameterType
fieldFormFieldConfig
valuestring

Returns​

boolean

enumOptionLabel()​

enumOptionLabel(field, value): string;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:414

enum / 多选值的展示 label（无 options 时退回原值）

Parameters​

ParameterType
fieldFormFieldConfig
valuestring

Returns​

string

isFieldReadonly()​

isFieldReadonly(field): boolean;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:338

Parameters​

ParameterType
fieldFormFieldConfig

Returns​

boolean

isTextareaFormat()​

isTextareaFormat(field): boolean;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:354

多行文本类 format：渲染 textarea

Parameters​

ParameterType
fieldFormFieldConfig

Returns​

boolean

isWideField()​

isWideField(field): boolean;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:343

占据两列栅格的字段：json / keyValue / binary / 多行文本类 format / 显式 span

Parameters​

ParameterType
fieldFormFieldConfig

Returns​

boolean

multiSelected()​

multiSelected(field, value): boolean;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:455

复选组的当前选中状态（支持数组与逗号字符串两种存储形态）

Parameters​

ParameterType
fieldFormFieldConfig
valuestring

Returns​

boolean

numericBounds()​

numericBounds(field): object;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:380

数字类 format 的值域约束（min / max / step）

Parameters​

ParameterType
fieldFormFieldConfig

Returns​

object

max?​
optional max?: number;
min?​
optional min?: number;
step?​
optional step?: number;

numericUnitLabel()​

numericUnitLabel(field): string;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:400

数字类 format 的单位标注（currency 代码 / 百分号 / 时长单位）

Parameters​

ParameterType
fieldFormFieldConfig

Returns​

string

onCancel()​

onCancel(): void;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:333

Returns​

void

onFieldChange()​

onFieldChange(field, rawValue): void;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:306

Parameters​

ParameterType
fieldFormFieldConfig
rawValueunknown

Returns​

void

onMultiSelectChange()​

onMultiSelectChange(
   field, 
   value, 
   checked
): void;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:467

复选组切换：合并出新数组后走统一解析链路

Parameters​

ParameterType
fieldFormFieldConfig
valuestring
checkedboolean

Returns​

void

onSubmit()​

onSubmit(): void;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:322

Returns​

void

textInputType()​

textInputType(field): string;

Defined in: packages/rxdb-model-angular/src/entity-form/rxdb-entity-form-angular.ts:424

字符串 format 映射到原生输入类型

Parameters​

ParameterType
fieldFormFieldConfig

Returns​

string