Can't bind to 'value' since it isn't a known property of 'mat-option'.

Can't bind to 'value' since it isn't a known property of 'mat-option'.

platform-browser-dynamic.js:230 Uncaught Error: Template parse errors:
Can't bind to 'value' since it isn't a known property of 'mat-option'.

1. If 'mat-option' is an Angular component and it has 'value' input, then verify that it is part of this module.
2. If 'mat-option' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("lay" name="">

Solution 1:

Add import {MatSelectModule} from '@angular/material/select';

in app.module.ts file.

And specify in imports property of NgModule.