angular – “mat-form-field”和“mat-input-container”之间的

发布时间：2020-12-17 07:35:58 所属栏目：安全来源：网络整理

导读：我以下面的形式创建了这个字段： 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 req

我以下面的形式创建了这个字段：

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

我只能使用其中一个,但我应该使用哪个？要做出这个决定,我需要知道什么时候最好使用每一个.有人可以帮忙解释一下吗？我在http://material.angular.io找不到它

该组件已从mat-input-container重命名为mat-form-field(我认为在v2.0.0测试版中),但v5.x仍然支持旧的选择器.在v6.x中,不再支持mat-input-container.所以你应该使用新名称mat-form-field.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!