web-dev-qa-db-ja.com

「mat-form-field」と「mat-input-container」の違いは何ですか

フォームにこのフィールドを作成しました：

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

mat-form-fieldとmat-input-containerを同時に使用すると、入力ボックスの上に2つのラベルが繰り返され、2行が表示されます。

これらのうち1つだけを使用する必要がありますが、どちらを使用する必要がありますか？その決定を下すには、それぞれをいつ使用するのが最適かを知る必要があります。誰でもこれを説明するのを助けることができますか？ http://material.angular.io で見つけることができませんでした

angularangular-materialangular2-forms
13
Please_Dont_Bully_Me_SO_Lords

コンポーネントの名前はmat-input-containerからmat-form-fieldに変更されました（v2.0.0ベータ中に考えられます）が、v5.xでは古いセレクターが引き続きサポートされていました。 v6.xでは、mat-input-containerはサポートされなくなりました。したがって、新しい名前mat-form-fieldを使用する必要があります。

31
G. Tranter