Use search result

@fc299684 wrote:

Hello how are you doing?
I have a problem, I can’t find where I should continue.

It is a SearchBar with FormControl, I need to use the result hint to fill in the value of that FormControl.

Currently I get the results that come from the service (some simulated data for testing).

I need to capture the search result and leave it to later send that information and assign it to the user.
I leave my code here:

  public vehicleBrands: Array<VehicleBrand>;
  public vehicle: Vehicle;
   public brandControl = new FormControl ('', Validators.required);


const obs = this.brandControl.valueChanges.pipe(
        filter(text => text.length > 2),
        debounceTime(350),
        distinctUntilChanged(),
        switchMap((brandFilter) => this.refDataService.getVehicleBrands(brandFilter)))
        .subscribe( resp =>  this.vehicleBrands = resp);
          
        }

<ion-header>


</ion-header>

<ion-toolbar>
    <ion-searchbar placeholder=" Search Brand " type="text " [formControl]="brandControl "></ion-searchbar>
</ion-toolbar>

<ion-content>
    <ion-list>
        <ion-item *ngFor="let brand of vehicleBrands" [value]="brand" >
            <ion-label>{{ brand.name }}</ion-label>
            

            </ion-item>
        </ion-item>
    </ion-list>
</ion-content>

Kind Regards

Posts: 1

Participants: 1

Read full topic