update basic example

TanStack · May 4, 2024 · c01200b · c01200b
1 parent cfbd43f
commit c01200b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 10 deletions.
diff --git a/examples/angular/basic/src/app/app.component.html b/examples/angular/basic/src/app/app.component.html
@@ -13,7 +13,7 @@
                     let header
                   "
                 >
-                  {{ header }}
+                  <div [innerHTML]="header"></div>
                 </ng-container>
               </th>
             }
@@ -33,7 +33,7 @@
                   let cell
                 "
               >
-                {{ cell }}
+                <div [innerHTML]="cell"></div>
               </ng-container>
             </td>
           }

diff --git a/examples/angular/basic/src/app/app.component.ts b/examples/angular/basic/src/app/app.component.ts
@@ -1,7 +1,7 @@
 import {
   ChangeDetectionStrategy,
   Component,
-  type OnInit,
+  Injectable,
   signal,
 } from '@angular/core'
 import { RouterOutlet } from '@angular/router'
@@ -91,8 +91,8 @@ const defaultColumns: ColumnDef<Person>[] = [
   styleUrl: './app.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class AppComponent implements OnInit {
-  data = signal<Person[]>([])
+export class AppComponent {
+  data = signal<Person[]>(defaultData)
 
   table = createAngularTable(() => ({
     data: this.data(),
@@ -101,11 +101,7 @@ export class AppComponent implements OnInit {
     debugTable: true,
   }))
 
-  ngOnInit() {
-    this.data.set(defaultData)
-  }
-
   rerender() {
-    this.data.set(defaultData)
+    this.data.set([...defaultData.sort(() => -1)])
   }
 }