升级到 Angular 6/Material 6 后，为什么我面临“mat-input-container 不是已知元素”？答案

【问题标题】：After upgrade to Angular 6/Material 6 why am I facing 'mat-input-container is not a known element'?升级到 Angular 6/Material 6 后，为什么我面临“mat-input-container 不是已知元素”？
【发布时间】：2018-10-30 14:17:25
【问题描述】：

在我升级到 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>

【问题讨论】：

标签： angular angular-material2 angular6

【解决方案1】：

此 CSS 类已被删除开始版本

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

mat-input-container 已被弃用，改为使用 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

【讨论】：

【解决方案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>

【讨论】：