diff --git a/examples/angular/with-tanstack-form/src/app/app.html b/examples/angular/with-tanstack-form/src/app/app.html index a26a9f84f8..7de54ccab9 100644 --- a/examples/angular/with-tanstack-form/src/app/app.html +++ b/examples/angular/with-tanstack-form/src/app/app.html @@ -4,10 +4,16 @@

Single form around the table

- + {{ fullFormState().isDirty ? 'Modified' : 'Pristine' }} - + {{ fullFormState().isValid ? 'Valid' : 'Invalid' }}
@@ -18,9 +24,7 @@

Single form around the table

> {{ fullFormState().isSubmitting ? 'Submitting...' : 'Save All Changes' }} - + diff --git a/examples/angular/with-tanstack-form/src/app/header-components.ts b/examples/angular/with-tanstack-form/src/app/header-components.ts index ef725bbbdd..8dcf792cb1 100644 --- a/examples/angular/with-tanstack-form/src/app/header-components.ts +++ b/examples/angular/with-tanstack-form/src/app/header-components.ts @@ -61,22 +61,28 @@ export class _ColumnFilter { .getPreFilteredRowModel() .flatRows[0]?.getValue(this.header().column.id), ) - readonly isNumberColumn = computed(() => typeof this.firstValue() === 'number') + readonly isNumberColumn = computed( + () => typeof this.firstValue() === 'number', + ) readonly filterValue = computed(() => this.header().column.getFilterValue()) readonly numberFilterValue = computed( () => this.filterValue() as [number, number] | undefined, ) - readonly textFilterValue = computed(() => (this.filterValue() ?? '') as string) + readonly textFilterValue = computed( + () => (this.filterValue() ?? '') as string, + ) setMin(value: string | number) { - this.header().column.setFilterValue( - (old: [number, number] | undefined) => [value, old?.[1]], - ) + this.header().column.setFilterValue((old: [number, number] | undefined) => [ + value, + old?.[1], + ]) } setMax(value: string | number) { - this.header().column.setFilterValue( - (old: [number, number] | undefined) => [old?.[0], value], - ) + this.header().column.setFilterValue((old: [number, number] | undefined) => [ + old?.[0], + value, + ]) } } diff --git a/examples/angular/with-tanstack-form/src/app/row-submit-table-row.ts b/examples/angular/with-tanstack-form/src/app/row-submit-table-row.ts index 70f7b7ab91..9e6114805d 100644 --- a/examples/angular/with-tanstack-form/src/app/row-submit-table-row.ts +++ b/examples/angular/with-tanstack-form/src/app/row-submit-table-row.ts @@ -146,7 +146,9 @@ import type { Row } from '@tanstack/angular-table'