フォームにこのフィールドを作成しました:
<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 で見つけることができませんでした
コンポーネントの名前はmat-input-container
からmat-form-field
に変更されました(v2.0.0ベータ中に考えられます)が、v5.xでは古いセレクターが引き続きサポートされていました。 v6.xでは、mat-input-container
はサポートされなくなりました。したがって、新しい名前mat-form-field
を使用する必要があります。