For more info please check the components's official demos & documentation demos & documentation
mat-select is a form control for selecting a value from a set of options, similar to the native <select> element. You can read more about selects in the Material Design spec. It is designed to work inside of a mat-form-field element.
{{ food.viewValue }}
None Option 1 Option 2 Option 3
You selected: {{ selected }}
{{ food.viewValue }}
Selected value: {{ selectedValue }}
-- {{ animal.name }} Please choose an animal {{ animalControl.value?.sound }}
None {{ state }}
-- None -- {{ pokemon.viewValue }}
{{ topping }}
{{ toppings2.value ? toppings2.value[0] : "" }} (+{{ toppings2.value.length - 1 }} others) {{ topping }}
Red Green Blue
Clear Valid option Invalid option Errors appear instantly! You must make a selection Your selection is invalid