mat-form-field must contain a MatFormFieldControl

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:

  1. Could not find module “@angular-devkit/build-angular”
  2. Difference between Constructor and ngOnInit
  3. AngularJS vs Angular [closed]
  4. When to use ‘npm start’ and when to use ‘ng serve’?
  5. Can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
  6. ExpressionChangedAfterItHasBeenCheckedError Explained
  7. Angular 10 – can’t bind to ‘formGroup’ since it isn’t a known property of ‘form’
  8. How to use *ngIf else?
  9. ngFor with index as value in attribute
  10. How to upgrade Angular CLI to the latest version
  11. What is pipe for in RxJS?
  12. Angular: Get current index in ngFor
  13. What is .subscribe in Angular?
  14. BehaviorSubject vs Observable?
  15. Angular 6 “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’.”
  16. ERR_INVALID_HTTP_RESPONSE using Angular 7 and ASP.Net Core 2.2 in Google Chrome browser
  17. What is the difference between Promises and Observables?
  18. formSelect() method in materialize does’nt work in angular 6 inputs
  19. ERROR Error: No value accessor for form control with unspecified name attribute on switch
  20. form control error:ERROR Error: No value accessor for form control with unspecified name attribute
  21. You seem to not be depending on “@angular/core” and/or “rxjs”. This is an error
  22. ‘ng’ is not recognized as an internal or external command, operable program or batch file
  23. Kendo Angular Chart change legend position based on size
  24. Unexpected value ‘undefined’ declared by the module ‘AppModule’
  25. Where to place/find the systemjs.config.js file in an angularJS2 project?
  26. ng serve does not work
  27. What is the equivalent of ngShow and ngHide in Angular 2+?
  28. document.getElementById replacement in angular4 / typescript?
  29. how to refresh page in angular 2
  30. TS1086: An accessor cannot be declared in ambient context
  31. Property ‘map’ does not exist on type ‘Observable‘
  32. Angular2 Error: There is no directive with “exportAs” set to “ngForm”
  33. ‘router-outlet’ is not a known element
  34. Angular 2 Cannot read property ‘config’ of null
  35. Error when trying to inject a service into an angular component “EXCEPTION: Can’t resolve all parameters for component”, why?
  36. Set focus on element
  37. Cleanest way to reset forms
  38. Angular2 CLI error “@angular/compiler-cli” package was not properly installed
  39. Angular2 – How to create a simple table
  40. No provider for HttpClient
  41. Angular material Could not find Angular Material core theme
  42. Angular EXCEPTION: No provider for Http
  43. Error : Cannot find primary outlet to load
  44. cannot find module ‘@angular/http’?
  45. Templating with href in angular (4)
  46. How to implement sleep function in TypeScript?
  47. File Upload In Angular?
  48. is there any alternative for ng-disabled in angular2?
  49. Angular 2.0 and Modal Dialog
  50. Cannot find module ‘@angular/compiler’
  51. Implement session storage in an Angular 8 application
  52. Angular 2 [hidden] does not seem to be working?
  53. Local workspace file (‘angular.json’) could not be found. But same code works in another computer
  54. Can’t bind to ‘routerLink’ since it isn’t a known property
  55. How to use bootstrap 4 in angular 2?
  56. You have to be inside an angular-cli project in order to use the serve command
  57. How to get current route
  58. Angular4 core.es5.js Uncaught reflect-metadata shim is required when using class decorators
  59. Angular error: Please add a @NgModule annotation
  60. How to enable production mode?
  61. Angular 5: “No provider for ControlContainer”
  62. Getting No provider for NgControl Error after adding ReactiveFormsModule to my angular 4 app
  63. How to use `trackBy` with `ngFor`
  64. Angular routerLink does not navigate to the corresponding component
  65. How to use jQuery with Angular?
  66. Mask for an Input to allow phone numbers?
  67. What is the best way to delete a component with CLI
  68. GET http://localhost:4200/null 404 (Not Found) in angular2 with angular-cli
  69. Angular design pattern: MVC, MVVM or MV*?
  70. Module has no exported member error in angular module
  71. Check if Variable is Empty – Angular 2
  72. Angular 2 multiple modules
  73. Electron – Not allowed to load local resource
  74. How to apply filters to *ngFor?
  75. Select default option value from typescript angular 6
  76. angular-cli where is webpack.config.js file – new angular6 does not support ng eject
  77. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  78. Can not find module “@angular-devkit/build-angular”
  79. What is an unhandled promise rejection?
  80. forbidden 403 on image URLS
  81. Failed to load resource: net::ERR_CONNECTION_REFUSED : Nodejs
  82. Angular: mat-form-field must contain a MatFormFieldControl
  83. ng is not recognized as an internal or external command
  84. Angular map. What is it?
  85. No value accessor for form control
  86. Angular: conditional class with *ngClass
  87. Why do i need `typings.json` file in an Angular 2 project?
  88. node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ‘;’ expected error after installation of Angular 6
  89. error: This is probably not a problem with npm. There is likely additional logging output above
  90. Angular: conditional class with *ngClass
  91. Repository is not clean. Please commit or stash any changes before updating In Angular 8
  92. Binding select element to object in Angular
  93. Angular 2 : No NgModule metadata found
  94. Angular 2 Checkbox Two Way Data Binding
  95. Angular 4 setTimeout() with variable delay and wait
  96. What does the .subscribe() function do?
  97. How to integrate WordPress with Angular 8 for website?
  98. What is Angular Routing?
  99. How to use date picker in Angular 2?
  100. Angular 2 Sort table columns

Leave a Comment

tech