web-dev-qa-db-ja.com

Angular 6 / Material 6へのアップグレード後、「mat-input-container is not known element」に直面しているのはなぜですか?

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>
8
nsk

この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-2

一般的な重大な変更の詳細については、以下を参照してください。

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

19
Rizwan

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>
4
nsk