Неожиданное значение 'MDCTextField', импортированное модулем 'AppModule'. Пожалуйста, добавьте аннотацию @NgModule - PullRequest
0 голосов
/ 15 апреля 2019

Я пытаюсь добавить текстовое поле Материал в мое приложение 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. Мне нужно?

1 Ответ

0 голосов
/ 15 апреля 2019

Опп!Неправильные документы.Я должен был использовать 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...