升级到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-container改为使用mat-form-field

有关更改的详细信息,请参阅

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>