Import MatInputModule in your module.ts file and it will solve the problem.
import { MatInputModule } from '@angular/material/input';
The statement after it is the old answer.
Unfortunately content projection into mat-form-field
is not supported yet. Please track the following github issue to get the latest news about it.
By now the only solution for you is either place your content directly into mat-form-field
component or implement a MatFormFieldControl
class thus creating a custom form field component.
Related Posts:
- Could not find module “@angular-devkit/build-angular”
- Difference between Constructor and ngOnInit
- AngularJS vs Angular [closed]
- When to use ‘npm start’ and when to use ‘ng serve’?
- Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
- ExpressionChangedAfterItHasBeenCheckedError Explained
- Angular 10 – can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
- How to use *ngIf else?
- ngFor with index as value in attribute
- How to upgrade Angular CLI to the latest version
- What is pipe for in RxJS?
- Angular: Get current index in ngFor
- What is .subscribe in Angular?
- BehaviorSubject vs Observable?
- Angular 6 “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’.”
- ERR_INVALID_HTTP_RESPONSE using Angular 7 and ASP.Net Core 2.2 in Google Chrome browser
- What is the difference between Promises and Observables?
- formSelect() method in materialize does’nt work in angular 6 inputs
- ERROR Error: No value accessor for form control with unspecified name attribute on switch
- form control error:ERROR Error: No value accessor for form control with unspecified name attribute
- You seem to not be depending on “@angular/core” and/or “rxjs”. This is an error
- ‘ng’ is not recognized as an internal or external command, operable program or batch file
- Kendo Angular Chart change legend position based on size
- Unexpected value ‘undefined’ declared by the module ‘AppModule’
- Where to place/find the systemjs.config.js file in an angularJS2 project?
- ng serve does not work
- What is the equivalent of ngShow and ngHide in Angular 2+?
- document.getElementById replacement in angular4 / typescript?
- how to refresh page in angular 2
- TS1086: An accessor cannot be declared in ambient context
- Property ‘map’ does not exist on type ‘Observable
‘ - Angular2 Error: There is no directive with “exportAs” set to “ngForm”
- ‘router-outlet’ is not a known element
- Angular 2 Cannot read property ‘config’ of null
- Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
- Set focus on element
- Cleanest way to reset forms
- Angular2 CLI error “@angular/compiler-cli” package was not properly installed
- Angular2 – How to create a simple table
- No provider for HttpClient
- Angular material Could not find Angular Material core theme
- Angular EXCEPTION: No provider for Http
- Error : Cannot find primary outlet to load
- cannot find module ‘@angular/http’?
- Templating with href in angular (4)
- How to implement sleep function in TypeScript?
- File Upload In Angular?
- is there any alternative for ng-disabled in angular2?
- Angular 2.0 and Modal Dialog
- Cannot find module ‘@angular/compiler’
- Implement session storage in an Angular 8 application
- Angular 2 [hidden] does not seem to be working?
- Local workspace file (‘angular.json’) could not be found. But same code works in another computer
- Can’t bind to ‘routerLink’ since it isn’t a known property
- How to use bootstrap 4 in angular 2?
- You have to be inside an angular-cli project in order to use the serve command
- How to get current route
- Angular4 core.es5.js Uncaught reflect-metadata shim is required when using class decorators
- Angular error: Please add a @NgModule annotation
- How to enable production mode?
- Angular 5: “No provider for ControlContainer”
- Getting No provider for NgControl Error after adding ReactiveFormsModule to my angular 4 app
- How to use `trackBy` with `ngFor`
- Angular routerLink does not navigate to the corresponding component
- How to use jQuery with Angular?
- Mask for an Input to allow phone numbers?
- What is the best way to delete a component with CLI
- GET http://localhost:4200/null 404 (Not Found) in angular2 with angular-cli
- Angular design pattern: MVC, MVVM or MV*?
- Module has no exported member error in angular module
- Check if Variable is Empty – Angular 2
- Angular 2 multiple modules
- Electron – Not allowed to load local resource
- How to apply filters to *ngFor?
- Select default option value from typescript angular 6
- angular-cli where is webpack.config.js file – new angular6 does not support ng eject
- Angular: ‘Cannot find a differ supporting object ‘[object Object]’ of type ‘object’. NgFor only supports binding to Iterables such as Arrays’
- Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
- Angular, image not found (GET 404)
- Angular: conditional class with *ngClass
- Can not find module “@angular-devkit/build-angular”
- Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
- Missing write access in mac to /usr/local/lib/node_modules
- What is an unhandled promise rejection?
- forbidden 403 on image URLS
- Failed to load resource: net::ERR_CONNECTION_REFUSED : Nodejs
- Angular: mat-form-field must contain a MatFormFieldControl
- (change) vs (ngModelChange) in angular
- Angular – ng: command not found
- ng is not recognized as an internal or external command
- Angular File Upload
- Angular map. What is it?
- VSCode cannot find module ‘@angular/core’ or any other modules
- “You seem to not be depending on “@angular/core”.”
- Cannot find module ‘@angular-devkit/core’
- No value accessor for form control
- Unable to resolve dependency tree error when installing npm packages
- Angular: Error no directive with “exportAs” set to “ngForm”
- Angular ForEach in Angular4/Typescript?
- Angular 4 setting selected option in Dropdown