web-dev-qa-db-fra.com

Après la mise à niveau vers Angular 6 / Material 6 pourquoi suis-je confronté à "mat-input-container is not an known element"?

Le code ci-dessous fonctionnait bien avant de passer à 6. Je ne sais pas ce qui a changé entre les deux! J'ai également besoin de modules importés

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

Cette classe CSS a été supprimée au début de la version

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

mat-input-container a été déconseillé, utilisez plutôt mat-form-field

Pour plus de détails sur les changements de rupture dans 6.0.0-beta.5:

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

Pour plus de détails sur les changements de rupture en général, reportez-vous à:

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

19
Rizwan

Selon https://material.angular.io/components/form-field/overview nous sommes maintenant censés utiliser mat-form-field

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