feat: implement live PDF search that updates dynamically as you type

macite · May 24, 2024 · b9b9945 · b9b9945
1 parent d76e798
commit b9b9945
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/app/common/pdf-viewer/pdf-viewer.component.html b/src/app/common/pdf-viewer/pdf-viewer.component.html
@@ -1,9 +1,9 @@
 <div id="pdfContainer">
   <div id="pdfActions" [hidden]="!loaded">
-    <form #loginForm="ngForm" (ngSubmit)="searchPdf(pdfSearchString)">
+    <form #loginForm="ngForm">
       <mat-form-field floatLabel="never" appearance="outline" class="pdf-form-field" ngSubmit>
         <mat-icon matPrefix>search</mat-icon>
-        <input matInput type="text" placeholder="Search PDF" [(ngModel)]="pdfSearchString" name="pdfSearchString" />
+        <input matInput type="text" placeholder="Search PDF" [(ngModel)]="pdfSearchString" (ngModelChange)="searchPdf(pdfSearchString)" name="pdfSearchString" />
 
         <button matSuffix mat-icon-button type="button" (click)="zoomOut()" aria-label="Zoom in PDF button">
           <mat-icon>zoom_out</mat-icon>