@@ -5,7 +5,7 @@ title: TanStackField
5
5
6
6
<!-- DO NOT EDIT: this page is autogenerated from the type comments -->
7
7
8
- # Class: TanStackField\< TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer\>
8
+ # Class: TanStackField\< TParentData, TName, TData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TFormOnMount, TFormOnChange, TFormOnChangeAsync, TFormOnBlur, TFormOnBlurAsync, TFormOnSubmit, TFormOnSubmitAsync, TFormOnServer, TSubmitMeta \>
9
9
10
10
Defined in: [ tanstack-field.directive.ts:32] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L32 )
11
11
@@ -47,6 +47,8 @@ Defined in: [tanstack-field.directive.ts:32](https://github.com/TanStack/form/bl
47
47
48
48
• ** TFormOnServer** * extends* ` undefined ` \| ` FormAsyncValidateOrFn ` \< ` TParentData ` \>
49
49
50
+ • ** TSubmitMeta**
51
+
50
52
## Implements
51
53
52
54
- ` OnInit `
@@ -59,22 +61,22 @@ Defined in: [tanstack-field.directive.ts:32](https://github.com/TanStack/form/bl
59
61
### new TanStackField()
60
62
61
63
``` ts
62
- new TanStackField <TParentData , TName , TData , TOnMount , TOnChange , TOnChangeAsync , TOnBlur , TOnBlurAsync , TOnSubmit , TOnSubmitAsync , TFormOnMount , TFormOnChange , TFormOnChangeAsync , TFormOnBlur , TFormOnBlurAsync , TFormOnSubmit , TFormOnSubmitAsync , TFormOnServer >(): TanStackField < TParentData , TName , TData , TOnMount , TOnChange , TOnChangeAsync , TOnBlur , TOnBlurAsync , TOnSubmit , TOnSubmitAsync , TFormOnMount , TFormOnChange , TFormOnChangeAsync , TFormOnBlur , TFormOnBlurAsync , TFormOnSubmit , TFormOnSubmitAsync , TFormOnServer >
64
+ new TanStackField <TParentData , TName , TData , TOnMount , TOnChange , TOnChangeAsync , TOnBlur , TOnBlurAsync , TOnSubmit , TOnSubmitAsync , TFormOnMount , TFormOnChange , TFormOnChangeAsync , TFormOnBlur , TFormOnBlurAsync , TFormOnSubmit , TFormOnSubmitAsync , TFormOnServer , TSubmitMeta >(): TanStackField < TParentData , TName , TData , TOnMount , TOnChange , TOnChangeAsync , TOnBlur , TOnBlurAsync , TOnSubmit , TOnSubmitAsync , TFormOnMount , TFormOnChange , TFormOnChangeAsync , TFormOnBlur , TFormOnBlurAsync , TFormOnSubmit , TFormOnSubmitAsync , TFormOnServer , TSubmitMeta >
63
65
```
64
66
65
67
#### Returns
66
68
67
- [ ` TanStackField ` ] ( tanstackfield.md ) \< ` TParentData ` , ` TName ` , ` TData ` , ` TOnMount ` , ` TOnChange ` , ` TOnChangeAsync ` , ` TOnBlur ` , ` TOnBlurAsync ` , ` TOnSubmit ` , ` TOnSubmitAsync ` , ` TFormOnMount ` , ` TFormOnChange ` , ` TFormOnChangeAsync ` , ` TFormOnBlur ` , ` TFormOnBlurAsync ` , ` TFormOnSubmit ` , ` TFormOnSubmitAsync ` , ` TFormOnServer ` \>
69
+ [ ` TanStackField ` ] ( tanstackfield.md ) \< ` TParentData ` , ` TName ` , ` TData ` , ` TOnMount ` , ` TOnChange ` , ` TOnChangeAsync ` , ` TOnBlur ` , ` TOnBlurAsync ` , ` TOnSubmit ` , ` TOnSubmitAsync ` , ` TFormOnMount ` , ` TFormOnChange ` , ` TFormOnChangeAsync ` , ` TFormOnBlur ` , ` TFormOnBlurAsync ` , ` TFormOnSubmit ` , ` TFormOnSubmitAsync ` , ` TFormOnServer ` , ` TSubmitMeta ` \>
68
70
69
71
## Properties
70
72
71
73
### api
72
74
73
75
``` ts
74
- api : FieldApi < TParentData , TName , TData , TOnMount , TOnChange , TOnChangeAsync , TOnBlur , TOnBlurAsync , TOnSubmit , TOnSubmitAsync , TFormOnMount , TFormOnChange , TFormOnChangeAsync , TFormOnBlur , TFormOnBlurAsync , TFormOnSubmit , TFormOnSubmitAsync , TFormOnServer > ;
76
+ api : FieldApi < TParentData , TName , TData , TOnMount , TOnChange , TOnChangeAsync , TOnBlur , TOnBlurAsync , TOnSubmit , TOnSubmitAsync , TFormOnMount , TFormOnChange , TFormOnChangeAsync , TFormOnBlur , TFormOnBlurAsync , TFormOnSubmit , TFormOnSubmitAsync , TFormOnServer , TSubmitMeta > ;
75
77
```
76
78
77
- Defined in: [ tanstack-field.directive.ts:131 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L131 )
79
+ Defined in: [ tanstack-field.directive.ts:133 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L133 )
78
80
79
81
***
80
82
@@ -84,7 +86,7 @@ Defined in: [tanstack-field.directive.ts:131](https://github.com/TanStack/form/b
84
86
optional asyncAlways : boolean ;
85
87
```
86
88
87
- Defined in: [ tanstack-field.directive.ts:81 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L81 )
89
+ Defined in: [ tanstack-field.directive.ts:82 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L82 )
88
90
89
91
If ` true ` , always run async validation, even if there are errors emitted during synchronous validation.
90
92
@@ -102,7 +104,7 @@ FieldOptions.asyncAlways
102
104
optional asyncDebounceMs : number ;
103
105
```
104
106
105
- Defined in: [ tanstack-field.directive.ts:80 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L80 )
107
+ Defined in: [ tanstack-field.directive.ts:81 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L81 )
106
108
107
109
The default time to debounce async validation if there is not a more specific debounce time passed.
108
110
@@ -120,7 +122,7 @@ FieldOptions.asyncDebounceMs
120
122
optional defaultMeta : Partial < FieldMeta < TParentData , TName , TData , TOnMount , TOnChange , TOnChangeAsync , TOnBlur , TOnBlurAsync , TOnSubmit , TOnSubmitAsync , TFormOnMount , TFormOnChange , TFormOnChangeAsync , TFormOnBlur , TFormOnBlurAsync , TFormOnSubmit , TFormOnSubmitAsync >> ;
121
123
```
122
124
123
- Defined in: [ tanstack-field.directive.ts:108 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L108 )
125
+ Defined in: [ tanstack-field.directive.ts:110 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L110 )
124
126
125
127
An optional object with default metadata for the field.
126
128
@@ -138,7 +140,7 @@ FieldOptions.defaultMeta
138
140
optional defaultValue : NoInfer < TData > ;
139
141
```
140
142
141
- Defined in: [ tanstack-field.directive.ts:79 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L79 )
143
+ Defined in: [ tanstack-field.directive.ts:80 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L80 )
142
144
143
145
An optional default value for the field.
144
146
@@ -156,7 +158,7 @@ FieldOptions.defaultValue
156
158
optional disableErrorFlat : boolean ;
157
159
```
158
160
159
- Defined in: [ tanstack-field.directive.ts:129 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L129 )
161
+ Defined in: [ tanstack-field.directive.ts:131 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L131 )
160
162
161
163
Disable the ` flat(1) ` operation on ` field.errors ` . This is useful if you want to keep the error structure as is. Not suggested for most use-cases.
162
164
@@ -174,7 +176,7 @@ FieldOptions.disableErrorFlat
174
176
optional listeners : NoInfer < FieldListeners < TParentData , TName , TData >> ;
175
177
```
176
178
177
- Defined in: [ tanstack-field.directive.ts:107 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L107 )
179
+ Defined in: [ tanstack-field.directive.ts:109 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L109 )
178
180
179
181
A list of listeners which attach to the corresponding events
180
182
@@ -192,7 +194,7 @@ FieldOptions.listeners
192
194
name : TName ;
193
195
```
194
196
195
- Defined in: [ tanstack-field.directive.ts:75 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L75 )
197
+ Defined in: [ tanstack-field.directive.ts:76 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L76 )
196
198
197
199
The field name. The type will be ` DeepKeys<TParentData> ` to ensure your name is a deep key of the parent dataset.
198
200
@@ -207,10 +209,10 @@ FieldOptions.name
207
209
### tanstackField
208
210
209
211
``` ts
210
- tanstackField : FormApi < TParentData , TFormOnMount , TFormOnChange , TFormOnChangeAsync , TFormOnBlur , TFormOnBlurAsync , TFormOnSubmit , TFormOnSubmitAsync , TFormOnServer > ;
212
+ tanstackField : FormApi < TParentData , TFormOnMount , TFormOnChange , TFormOnChangeAsync , TFormOnBlur , TFormOnBlurAsync , TFormOnSubmit , TFormOnSubmitAsync , TFormOnServer , TSubmitMeta > ;
211
213
```
212
214
213
- Defined in: [ tanstack-field.directive.ts:82 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L82 )
215
+ Defined in: [ tanstack-field.directive.ts:83 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L83 )
214
216
215
217
***
216
218
@@ -220,7 +222,7 @@ Defined in: [tanstack-field.directive.ts:82](https://github.com/TanStack/form/bl
220
222
optional unmount : () => void ;
221
223
```
222
224
223
- Defined in: [ tanstack-field.directive.ts:185 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L185 )
225
+ Defined in: [ tanstack-field.directive.ts:189 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L189 )
224
226
225
227
#### Returns
226
228
@@ -234,7 +236,7 @@ Defined in: [tanstack-field.directive.ts:185](https://github.com/TanStack/form/b
234
236
optional validators : NoInfer < FieldValidators < TParentData , TName , TData , TOnMount , TOnChange , TOnChangeAsync , TOnBlur , TOnBlurAsync , TOnSubmit , TOnSubmitAsync >> ;
235
237
```
236
238
237
- Defined in: [ tanstack-field.directive.ts:93 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L93 )
239
+ Defined in: [ tanstack-field.directive.ts:95 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L95 )
238
240
239
241
A list of validators to pass to the field
240
242
@@ -252,7 +254,7 @@ FieldOptions.validators
252
254
ngOnChanges (): void
253
255
```
254
256
255
- Defined in: [ tanstack-field.directive.ts:197 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L197 )
257
+ Defined in: [ tanstack-field.directive.ts:201 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L201 )
256
258
257
259
A callback method that is invoked immediately after the
258
260
default change detector has checked data-bound properties
@@ -277,7 +279,7 @@ OnChanges.ngOnChanges
277
279
ngOnDestroy (): void
278
280
```
279
281
280
- Defined in: [ tanstack-field.directive.ts:193 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L193 )
282
+ Defined in: [ tanstack-field.directive.ts:197 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L197 )
281
283
282
284
A callback method that performs custom clean-up, invoked immediately
283
285
before a directive, pipe, or service instance is destroyed.
@@ -300,7 +302,7 @@ OnDestroy.ngOnDestroy
300
302
ngOnInit (): void
301
303
```
302
304
303
- Defined in: [ tanstack-field.directive.ts:187 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L187 )
305
+ Defined in: [ tanstack-field.directive.ts:191 ] ( https://github.com/TanStack/form/blob/main/packages/angular-form/src/tanstack-field.directive.ts#L191 )
304
306
305
307
A callback method that is invoked immediately after the
306
308
default change detector has checked the directive's
0 commit comments