web-dev-qa-db-fra.com

Quelle est la différence entre "mat-form-field" et "mat-input-container"

J'ai créé ce champ sous la forme:

<mat-form-field class="example-full-width">
  <mat-input-container floatPlaceholder="auto" flex="100">
    <input matInput [(ngModel)]="evento.email" name="email" type="email" placeholder="Email para Contatos" email required [errorStateMatcher]="formMatcher">
  </mat-input-container>
  <mat-hint>Este será o endereço de e-mail oficial do evento.</mat-hint>
  <mat-error *ngIf="formControl.hasError('email') && !formControl.hasError('required')">
    Por favor insira um e-mail com formato válido.
  </mat-error>
  <mat-error *ngIf="formControl.hasError('required')">
    Este campo é <strong>obrigatório.</strong> Não esqueça de preenchê-lo.
  </mat-error>
</mat-form-field>

Si j'utilise mat-form-field et mat-input-container en même temps, je reçois 2 étiquettes répétées et 2 lignes au-dessus de la zone de saisie.

Je dois utiliser un seul d'entre eux, mais lequel dois-je utiliser? Pour prendre cette décision, je dois savoir quand il est préférable d'utiliser chacun d'eux. Quelqu'un peut-il aider à expliquer cela? Je ne pouvais pas le trouver dans http://material.angular.io

angularangular-materialangular2-forms
13
Please_Dont_Bully_Me_SO_Lords

Le composant a été renommé à partir de mat-input-container à mat-form-field (Je pense pendant la bêta v2.0.0), mais l'ancien sélecteur était toujours pris en charge dans v5.x. Dans v6.x, mat-input-container n'est plus pris en charge. Vous devez donc utiliser le nouveau nom mat-form-field.

31
G. Tranter