TanStackField

Class: TanStackField<TParentData, TName, TFieldValidator, TFormValidator, TData>

Type Parameters

TParentData

TName extends DeepKeys<TParentData>

TFieldValidator extends Validator<DeepValue<TParentData, TName>, unknown> | undefined = undefined

TFormValidator extends Validator<TParentData, unknown> | undefined = undefined

TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>

Implements

  • OnInit
  • OnChanges
  • OnDestroy
  • FieldOptions<TParentData, TName, TFieldValidator, TFormValidator, TData>

Constructors

new TanStackField()

ts
new TanStackField<TParentData, TName, TFieldValidator, TFormValidator, TData>(): TanStackField<TParentData, TName, TFieldValidator, TFormValidator, TData>
new TanStackField<TParentData, TName, TFieldValidator, TFormValidator, TData>(): TanStackField<TParentData, TName, TFieldValidator, TFormValidator, TData>

Returns

TanStackField<TParentData, TName, TFieldValidator, TFormValidator, TData>

Properties

api

ts
api: FieldApi<TParentData, TName, TFieldValidator, TFormValidator, TData>;
api: FieldApi<TParentData, TName, TFieldValidator, TFormValidator, TData>;

Defined in

tanstack-field.directive.ts:58


asyncAlways?

ts
optional asyncAlways: boolean;
optional asyncAlways: boolean;

If true, always run async validation, even if there are errors emitted during synchronous validation.

Implementation of

FieldOptions.asyncAlways

Defined in

tanstack-field.directive.ts:47


asyncDebounceMs?

ts
optional asyncDebounceMs: number;
optional asyncDebounceMs: number;

The default time to debounce async validation if there is not a more specific debounce time passed.

Implementation of

FieldOptions.asyncDebounceMs

Defined in

tanstack-field.directive.ts:46


defaultMeta?

ts
optional defaultMeta: Partial<FieldMeta>;
optional defaultMeta: Partial<FieldMeta>;

An optional object with default metadata for the field.

Implementation of

FieldOptions.defaultMeta

Defined in

tanstack-field.directive.ts:56


defaultValue?

ts
optional defaultValue: NoInfer<TData>;
optional defaultValue: NoInfer<TData>;

An optional default value for the field.

Implementation of

FieldOptions.defaultValue

Defined in

tanstack-field.directive.ts:45


name

ts
name: TName;
name: TName;

The field name. The type will be DeepKeys<TParentData> to ensure your name is a deep key of the parent dataset.

Implementation of

FieldOptions.name

Defined in

tanstack-field.directive.ts:41


tanstackField

ts
tanstackField: FormApi<TParentData, TFormValidator>;
tanstackField: FormApi<TParentData, TFormValidator>;

Defined in

tanstack-field.directive.ts:49


unmount()?

ts
optional unmount: () => void;
optional unmount: () => void;

Returns

void

Defined in

tanstack-field.directive.ts:73


validatorAdapter?

ts
optional validatorAdapter: TFieldValidator;
optional validatorAdapter: TFieldValidator;

A validator provided by an extension, like yupValidator from @tanstack/yup-form-adapter

Implementation of

FieldOptions.validatorAdapter

Defined in

tanstack-field.directive.ts:48


validators?

ts
optional validators: NoInfer<FieldValidators<TParentData, TName, TFieldValidator, TFormValidator, TData>>;
optional validators: NoInfer<FieldValidators<TParentData, TName, TFieldValidator, TFormValidator, TData>>;

A list of validators to pass to the field

Implementation of

FieldOptions.validators

Defined in

tanstack-field.directive.ts:53

Methods

ngOnChanges()

ts
ngOnChanges(): void
ngOnChanges(): void

A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.

Returns

void

Implementation of

OnChanges.ngOnChanges

Defined in

tanstack-field.directive.ts:85


ngOnDestroy()

ts
ngOnDestroy(): void
ngOnDestroy(): void

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

Defined in

tanstack-field.directive.ts:81


ngOnInit()

ts
ngOnInit(): void
ngOnInit(): void

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

Defined in

tanstack-field.directive.ts:75

Subscribe to Bytes

Your weekly dose of JavaScript news. Delivered every Monday to over 100,000 devs, for free.

Bytes

No spam. Unsubscribe at any time.