angular-material - mat-form-field 必须包含一个 MatFormFieldControl。甚至我添加了 MatFormFieldModule

标签 angular-material angular-material-6

我是 Angular Material 的新手,请帮助我了解为什么会出现错误。我从 https://material.angular.io/components/form-field/examples 复制了代码

<div class="example-container">
  <mat-form-field>
    <input matInput placeholder="Input">
  </mat-form-field>

  <mat-form-field>
    <textarea matInput placeholder="Textarea"></textarea>
  </mat-form-field>

  <mat-form-field>
    <mat-select placeholder="Select">
      <mat-option value="option">Option</mat-option>
    </mat-select>
  </mat-form-field>
</div>

这与我从该网址复制的代码相同 App.module.ts

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

最佳答案

看起来你忘记了 MatSelectModule:

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 - mat-form-field 必须包含一个 MatFormFieldControl。甚至我添加了 MatFormFieldModule,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51260425/

相关文章:

javascript - 如何在 Angular Material 对话框组件内监听鼠标移动?

angular - 是否可以在特定 DOM 元素上打开 Angular/Material Snackbar?

angular - Angular4 网站如何被谷歌收录?

angular - 如何从表格组件中读取值

Angular Material : Not able to drop on a dynamically created droplist

angular - 类通过过滤扩展 MatTableDataSource 和表

angular - 即使在 Angular 5 中的 taginput 中选择选项后,如何清除保留在文本框中的键入值

html - 我如何在 Angular Material 选择表单组件中添加搜索功能?

css - 具有 "Half"边模式的 Angular Material Side Bar

css - 在 Mat-Select 中垂直居中文本