Angulaire 4 mat-forme-terrain à mat-sélectionnez

Donc, je vais avoir des problèmes à l'aide de mat-sélectionnez avec des tapis champ de formulaire . À l'aide de mat-champ de formulaire avec des tapis d'entrée n'est pas un problème, et je suis assez sûr de mon importations sont corrects, mais je reçois l'erreur suivante lors de l'utilisation de mat-sélectionnez:

Erreur: md-forme-champ doit contenir un MdFormFieldControl. Avez-vous oublié d'ajouter mdInput à la maternelle...

Mon code HTML est le suivant:

<mat-form-field class="full-width">
  <mat-select name="sampleType" formControlName="sampleTypeCtrl" 
   placeholder="Sample Type" required>
     <mat-option *ngFor="let sample of samples" [value]="sample.value">
       {{ sample.viewValue }}
     </mat-option>
  </mat-select>
</mat-form-field>

Mon point de vue, le module qui contient ce composant et est importé dans mon application principale.le module.ts fichier est le suivant:

...
import { MatFormFieldModule, MatInputModule, MatSelectModule } from 
   '@angular/material';
...

@NgModule({
  imports: [
    ...
    MatInputModule,
    MatFormFieldModule,
    MatSelectModule,
    ...
  ],
})
export class ViewModule {}

Mon application principale.le module.ts fichier comprend à la fois la ViewModule et la NoConflictStyleCompatibilityMode importations et se présente comme suit:

...
import { ViewModule } from './view/view.module';
import { NoConflictStyleCompatibilityMode } from '@angular/material';
...
@NgModule({
  ...
  imports: [
    ViewModule,
    NoConflictStyleCompatibilityMode
  ],
  ...
})
export class AppModule { }

Quand j'enlève le tapis champ de formulaire de partout dans le tapis-sélectionnez, l'erreur disparaît, mais j'ai des incohérences avec la façon dont des tapis d'entrée (à l'aide de mat-forme-champ) et mat-sélectionnez sont style. Je suis d'importer les deux la MatSelectModule et MatFormFieldModule, mais j'ai cette erreur. J'ai également mis à jour mon mnp angulaire matériel 2 de sorte qu'il est le dernier et le plus grand, mais toujours rien. Que suis-je en dominant? J'ai vu ce type de problème traité au cours des dernières stackoverflows, mais chaque solution, j'ai déjà essayé, mais sans succès.

mat-sélectionnez ne fonctionne Pas Correctement

mat-forme-champ doit contenir un MatFormFieldControl

OriginalL'auteur John Stafford | 2017-11-03