После обновления до Angular 6 / Material 6, почему я сталкиваюсь с «mat-input-container - это не известный элемент»?

Question

Ниже код работал нормально, прежде чем я обновил до 6. Не уверен, что изменилось между!Мне также потребуются модули, импортированные

MatInputModule,
MatSelectModule,
MatFormFieldModule

  <mat-input-container>
    <mat-select placeholder="Sort By" formControlName="sortBy">
      <mat-option *ngFor="let sortByObject of sortByList" [value]="sortByObject.value">
        {{ sortByObject.label }}
      </mat-option>
    </mat-select>
  </mat-input-container>

Answer 1

Этот класс CSS был удален, начиная с версии

6.0.0-beta.5 (2018-03-23)

mat-input-контейнер устарел, вместо этого используйте mat-form-field

Для получения подробной информации о критических изменениях в 6.0.0-beta.5:

https://github.com/angular/material2/blob/master/CHANGELOG.md#600-beta5-2018-03-23

Для получения подробных сведений о критических изменениях в целом см .:

https://github.com/angular/material2/blob/master/CHANGELOG.md

Answer 2

Согласно https://material.angular.io/components/form-field/overview теперь мы должны использовать поле mat-form-field

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