Feature: The guestbook now autocompletes on phone number

2021-03-26 08:54:31 +05:30
parent 3705ceb95b
commit d5b4dfeaca
11 changed files with 97 additions and 9 deletions
@@ -29,8 +29,26 @@
        >
          <mat-form-field fxFlex>
            <mat-label>Phone</mat-label>
-            <input matInput #phone placeholder="Phone" type="text" formControlName="phone" />
+            <input
+              matInput
+              #phone
+              placeholder="Phone"
+              type="text"
+              formControlName="phone"
+              [matAutocomplete]="auto"
+              autocomplete="off"
+            />
          </mat-form-field>
+          <mat-autocomplete
+            #auto="matAutocomplete"
+            autoActiveFirstOption
+            [displayWith]="displayFn"
+            (optionSelected)="selected($event)"
+          >
+            <mat-option *ngFor="let customer of customers | async" [value]="customer"
+              >{{ customer.name }} - {{ customer.phone }}</mat-option
+            >
+          </mat-autocomplete>
        </div>
        <div
          fxLayout="row"