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