模块“ AppModule”导入了意外的值“ MDCTextField”。请添加@NgModule批注

Question

我正在尝试使用docs here将材质文本框添加到Angular 7应用程序中。以下是相关文件：

app.module.ts

...
import { MDCTextField } from "@material/textfield";
...
@NgModule({
  declarations: [AppComponent, WordsComponent],
  imports: [
...
    MDCTextField
  ],

words.component.html

...
<div class="mdc-text-field">
  <input type="text" id="my-text-field" class="mdc-text-field__input">
  <label class="mdc-floating-label" for="my-text-field">Hint text</label>
  <div class="mdc-line-ripple"></div>
</div>

我也做了npm install @ material / textfield。我没有将任何东西导入/导出到words.component.ts。我需要吗？

Answer 1

哦！错误的文档。我应该一直使用Angular Material Docs，并且作为一个简单文本框的示例，我需要的只是导入材料核心后的代码：

app.module.ts

import { MatInputModule } from "@angular/material/input";

words.component.html

  <mat-form-field class="example-full-width">
    <input matInput placeholder="Favorite food" value="Sushi">
  </mat-form-field>