How to stop mat-autocomplete to take custom user input values apart from given options?

Question

I am using mat-auto complete component from material.angular.io. The default behavior is user can input any value as well as it gives options to choose from. Also you can add yo

Answer 1

As already suggested in comment by @trichetriche this is a use case for select.

You can use material version of select, like this

  
    
      {{ food.viewValue }}
    
  

If you need filter above the select, than I suggest to you PrimeNg Dropdown https://www.primefaces.org/primeng/#/dropdown