Angular material mat form字段必须包含MatFormFieldControl。甚至我还添加了MatFormFieldModule

Angular material mat form字段必须包含MatFormFieldControl。甚至我还添加了MatFormFieldModule,angular-material,angular-material-6,Angular Material,Angular Material 6,这里我是新的角度材料,请帮助我为什么我得到错误。我的代码是从 如果这有帮助,以下是我的app.module.ts应用程序使用材料: import { MatFormFieldModule, MatInputModule, } from '@angular/material'; .... @NgModule({ imports: [ ....., MatFormFieldModule, MatInputModule, ....., ],

这里我是新的角度材料,请帮助我为什么我得到错误。我的代码是从


如果这有帮助,以下是我的
app.module.ts
应用程序使用材料:

import {
  MatFormFieldModule,
  MatInputModule,
} from '@angular/material';

....

@NgModule({
  imports: [
    .....,
    MatFormFieldModule,
    MatInputModule,
    .....,
  ],
    .....
})
export class AppModule { }

看起来您忘记了模块:

import {MatFormFieldModule} from '@angular/material/form-field';
import {MatInputModule} from '@angular/material/input';
import {MatSelectModule} from '@angular/material/select';
...
imports: [MatFormFieldModule,MatInputModule,MatSelectModule]

从“@angular/material”导入{MatInputModule}

@NGD模块({

进口:[

MatInputModule
],, 出口:[ MatInputModule

] })

在app.module.ts文件中,尝试删除输入框的占位符=“输入”。
这对我来说很有效,试试看。

从输入标签中删除占位符

不使用占位符,您可以使用

…..

以下是代码:


 <mat-form-field appearance="outline">
       <input matInput required />
       <mat-label>Username</mat-label>
 </mat-form-field>

用户名

我添加了mat按钮,该问题再次出现。登录
MatInputModule

 <mat-form-field appearance="outline">
       <input matInput required />
       <mat-label>Username</mat-label>
 </mat-form-field>