chore: static page deployment

Cordobo · May 9, 2024 · ec1a264 · ec1a264
1 parent cc4e22a
commit ec1a264
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/projects/demo-app/src/app/app.component.html b/projects/demo-app/src/app/app.component.html
@@ -53,7 +53,8 @@ <h4>Installation</h4>
         </mat-card-content>
 
         <mat-card-content>
-          <mat-tab-group animationDuration="0ms" [(selectedIndex)]="selectedIndex">
+          <mat-tab-group animationDuration="0ms" [selectedIndex]="selected.value"
+            (selectedIndexChange)="selected.setValue($event)">
             <mat-tab label="HTML">
               <h4>Copy & Paste this code</h4>
               <p>

diff --git a/projects/demo-app/src/app/app.component.ts b/projects/demo-app/src/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component } from "@angular/core"
+import { FormControl } from "@angular/forms"
 import { MatSnackBar } from "@angular/material/snack-bar"
 import { SafeUrl } from "@angular/platform-browser"
 import {
@@ -58,7 +59,7 @@ export class AppComponent {
 
   public qrCodeSrc!: SafeUrl
 
-  public selectedIndex: number
+  public selected = new FormControl(0)
 
   public marginList: ListType
   public scaleList: ListType
@@ -70,8 +71,6 @@ export class AppComponent {
   public showImage: boolean
 
   constructor(private _snackBar: MatSnackBar) {
-    this.selectedIndex = 0
-
     this.showA11y = true
     this.showColors = true
     this.showCss = true
@@ -152,7 +151,7 @@ export class AppComponent {
   }
 
   setTabIndex(idx: number): boolean {
-    this.selectedIndex = idx
+    this.selected.setValue(idx)
     return false
   }