'Live search in a select bootstrap 5

Hello I have a select in bootstrap 5 with this code

                    <div class="form-outline mb-4">
                       <select  class="btn btn-secondary dropdown-toggle"  [(ngModel)]="selectedVariable" (change)="capture()" [ngModelOptions]="{standalone: true}" style="width:91%;" >
                            <option value="0">Select..</option>
                            <option *ngFor="let user of users" [value]="user.id">{{user.id}} : {{user.name}}</option>
                        </select>
                    </div>

Is there any way to make that select allow a live search?

I saw a similar question that recommended using datalist, I tried it and it was not viable for the solution because of the way the information is displayed.

Thanks!



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source