chore(demo): run self closing tag schematic

Author: michael-small

apps/demo/src/app/devtools/todo.component.ts

@@ -16,14 +16,13 @@ import { TodoStore } from './todo-store';
     <mat-table [dataSource]="dataSource" class="mat-elevation-z8">
       <!-- Checkbox Column -->
       <ng-container matColumnDef="finished">
-        <mat-header-cell *matHeaderCellDef></mat-header-cell>
+        <mat-header-cell *matHeaderCellDef />
         <mat-cell *matCellDef="let row" class="actions">
           <mat-checkbox
             (click)="$event.stopPropagation()"
             (change)="checkboxLabel(row)"
             [checked]="row.finished"
-          >
-          </mat-checkbox>
+          />
           <mat-icon (click)="removeTodo(row)">delete</mat-icon>
         </mat-cell>
       </ng-container>
@@ -44,11 +43,11 @@ import { TodoStore } from './todo-store';
         </mat-cell>
       </ng-container>
 
-      <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+      <mat-header-row *matHeaderRowDef="displayedColumns" />
       <mat-row
         *matRowDef="let row; columns: displayedColumns"
         (click)="selection.toggle(row)"
-      ></mat-row>
+      />
     </mat-table>
 
     <div class="details">

apps/demo/src/app/flight-search-redux-connector/flight-search.component.html

@@ -58,8 +58,7 @@ <h2 class="title">Flight Search (Redux Connector)</h2>
         [item]="flight"
         [selected]="localState.basket()[flight.id]"
         (selectedChange)="select(flight.id, $event)"
-      >
-      </demo-flight-card>
+      />
     </div>
   }
 </div>

apps/demo/src/app/flight-search-with-pagination/flight-search-with-pagination.component.html

@@ -49,11 +49,11 @@ <h2 class="title">Flight Search (Pagination)</h2>
     }}</mat-cell>
   </ng-container>
 
-  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+  <mat-header-row *matHeaderRowDef="displayedColumns" />
   <mat-row
     *matRowDef="let row; columns: displayedColumns"
     (click)="selection.toggle(row)"
-  ></mat-row>
+  />
 </mat-table>
 <mat-paginator
   [length]="flightStore.flightTotalCount()"
@@ -63,5 +63,4 @@ <h2 class="title">Flight Search (Pagination)</h2>
   [pageSizeOptions]="[5, 10, 25]"
   (page)="handlePageEvent($event)"
   aria-label="Select page"
->
-</mat-paginator>
+/>

apps/demo/src/app/flight-search/flight-search.component.html

@@ -38,9 +38,9 @@ <h2>Flight Search (<code>withRedux</code>)</h2>
     }}</mat-cell>
   </ng-container>
 
-  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+  <mat-header-row *matHeaderRowDef="displayedColumns" />
   <mat-row
     *matRowDef="let row; columns: displayedColumns"
     (click)="selection.toggle(row)"
-  ></mat-row>
+  />
 </mat-table>

apps/demo/src/app/reset/todo.component.ts

@@ -19,14 +19,13 @@ import { TodoStore } from './todo-store';
       <mat-table [dataSource]="dataSource" class="mat-elevation-z8">
         <!-- Checkbox Column -->
         <ng-container matColumnDef="finished">
-          <mat-header-cell *matHeaderCellDef></mat-header-cell>
+          <mat-header-cell *matHeaderCellDef />
           <mat-cell *matCellDef="let row" class="actions">
             <mat-checkbox
               (click)="$event.stopPropagation()"
               (change)="toggleFinished(row)"
               [checked]="row.finished"
-            >
-            </mat-checkbox>
+            />
           </mat-cell>
         </ng-container>
 
@@ -36,11 +35,11 @@ import { TodoStore } from './todo-store';
           <mat-cell *matCellDef="let element">{{ element.name }}</mat-cell>
         </ng-container>
 
-        <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+        <mat-header-row *matHeaderRowDef="displayedColumns" />
         <mat-row
           *matRowDef="let row; columns: displayedColumns"
           (click)="selection.toggle(row)"
-        ></mat-row>
+        />
       </mat-table>
     </section>
   `,

apps/demo/src/app/shared/flight-card.component.html

@@ -13,7 +13,7 @@ <h2 class="title">{{ item().from }} - {{ item().to }}</h2>
       @if (selected()) {
         <button class="btn btn-default" (click)="deselect()">Remove</button>
       }
-      <ng-content></ng-content>
+      <ng-content />
     </p>
   </div>
 </div>

apps/demo/src/app/todo-indexeddb-sync/todo-indexeddb-sync.component.html

@@ -3,14 +3,13 @@ <h2>StorageType:IndexedDB</h2>
 <mat-table [dataSource]="dataSource" class="mat-elevation-z8">
   <!-- Checkbox Column -->
   <ng-container matColumnDef="finished">
-    <mat-header-cell *matHeaderCellDef></mat-header-cell>
+    <mat-header-cell *matHeaderCellDef />
     <mat-cell *matCellDef="let row" class="actions">
       <mat-checkbox
         (change)="checkboxLabel(row)"
         (click)="$event.stopPropagation()"
         [checked]="row.finished"
-      >
-      </mat-checkbox>
+      />
       <mat-icon (click)="removeTodo(row)">delete</mat-icon>
     </mat-cell>
   </ng-container>
@@ -37,9 +36,9 @@ <h2>StorageType:IndexedDB</h2>
     </mat-cell>
   </ng-container>
 
-  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+  <mat-header-row *matHeaderRowDef="displayedColumns" />
   <mat-row
     (click)="selection.toggle(row)"
     *matRowDef="let row; columns: displayedColumns"
-  ></mat-row>
+  />
 </mat-table>

apps/demo/src/app/todo-storage-sync/todo-storage-sync.component.html

@@ -3,14 +3,13 @@ <h2>StorageType:LocalStorage</h2>
 <mat-table [dataSource]="dataSource" class="mat-elevation-z8">
   <!-- Checkbox Column -->
   <ng-container matColumnDef="finished">
-    <mat-header-cell *matHeaderCellDef></mat-header-cell>
+    <mat-header-cell *matHeaderCellDef />
     <mat-cell *matCellDef="let row" class="actions">
       <mat-checkbox
         (change)="checkboxLabel(row)"
         (click)="$event.stopPropagation()"
         [checked]="row.finished"
-      >
-      </mat-checkbox>
+      />
       <mat-icon (click)="removeTodo(row)">delete</mat-icon>
     </mat-cell>
   </ng-container>
@@ -37,9 +36,9 @@ <h2>StorageType:LocalStorage</h2>
     </mat-cell>
   </ng-container>
 
-  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+  <mat-header-row *matHeaderRowDef="displayedColumns" />
   <mat-row
     (click)="selection.toggle(row)"
     *matRowDef="let row; columns: displayedColumns"
-  ></mat-row>
+  />
 </mat-table>