table state selector fix for angular

riccardoperra · riccardoperra · commit 6fb4bac4239d · 2026-01-11T22:44:01.000+01:00
diff --git a/examples/angular/column-ordering/src/app/app.component.ts b/examples/angular/column-ordering/src/app/app.component.ts
@@ -112,7 +112,7 @@ export class AppComponent {
   }))
 
   readonly stringifiedColumnOrdering = computed(() => {
-    return JSON.stringify(this.table.store.state.columnOrder)
+    return JSON.stringify(this.table.state().columnOrder)
   })
 
   randomizeColumns() {
diff --git a/examples/angular/column-pinning-sticky/src/app/app.component.ts b/examples/angular/column-pinning-sticky/src/app/app.component.ts
@@ -111,7 +111,7 @@ export class AppComponent {
   }))
 
   stringifiedColumnPinning = computed(() => {
-    return JSON.stringify(this.table.store.state.columnPinning)
+    return JSON.stringify(this.table.state().columnPinning)
   })
 
   readonly getCommonPinningStyles = (
diff --git a/examples/angular/column-pinning/src/app/app.component.ts b/examples/angular/column-pinning/src/app/app.component.ts
@@ -135,7 +135,7 @@ export class AppComponent {
   }))
 
   stringifiedColumnPinning = computed(() => {
-    return JSON.stringify(this.table.store.state.columnPinning)
+    return JSON.stringify(this.table.state().columnPinning)
   })
 
   randomizeColumns() {
diff --git a/examples/angular/column-visibility/src/app/app.component.ts b/examples/angular/column-visibility/src/app/app.component.ts
@@ -135,7 +135,7 @@ export class AppComponent implements OnInit {
   }))
 
   stringifiedColumnVisibility = computed(() => {
-    return JSON.stringify(this.table.store.state.columnVisibility)
+    return JSON.stringify(this.table.state().columnVisibility)
   })
 
   ngOnInit() {
diff --git a/examples/angular/editable/src/app/app.component.html b/examples/angular/editable/src/app/app.component.html
@@ -94,7 +94,7 @@
     <span class="flex items-center gap-1">
       <div>Page</div>
       <strong>
-        {{ table.store.state.pagination.pageIndex + 1 }} of
+        {{ table.state().pagination.pageIndex + 1 }} of
         {{ table.getPageCount() }}
       </strong>
     </span>
diff --git a/packages/angular-table/src/injectTable.ts b/packages/angular-table/src/injectTable.ts
@@ -40,11 +40,11 @@ export type AngularTable<
 export function injectTable<
   TFeatures extends TableFeatures,
   TData extends RowData,
-  TSelected = {},
+  TSelected = TableState<TFeatures>,
 >(
   options: () => TableOptions<TFeatures, TData>,
-  selector: (state: TableState<TFeatures>) => TSelected = () =>
-    ({}) as TSelected,
+  selector: (state: TableState<TFeatures>) => TSelected = (state) =>
+    state as TSelected,
 ): AngularTable<TFeatures, TData, TSelected> {
   assertInInjectionContext(injectTable)
   const injector = inject(Injector)
